Devolio

Devolio is a free, high-performance portfolio and blog template built with Astro, designed to help developers quickly set up their personal websites. It emphasizes minimal styling, allowing for easy customization, and boasts a perfect 100/100 Lighthouse performance score.

Key Features:

• Performance: Achieves 100/100 Lighthouse performance, ensuring fast loading times and a smooth user experience.
• SEO-Friendly: Includes canonical URLs and OpenGraph data for optimal search engine visibility, along with sitemap and RSS Feed support.
• Content Flexibility: Supports both Markdown and MDX for writing blog posts and project descriptions, offering versatility in content creation.
• Structured Content: Features post tags and dedicated sections for projects, enabling organized and easily navigable content.
• Customizable Styling: Provides minimal default styling, giving developers full control to implement their unique design preferences.
• Table of Content: Automatically generates a table of contents for long-form content, improving readability and navigation.

Project Structure: The template follows a clear and organized project structure:

├── public/          # Static assets like images
├── src/             # Source code
│   ├── assets/      # Images, fonts, etc.
│   ├── components/  # Reusable Astro/React/Vue/Svelte/Preact components
│   ├── content/     # Content collections (Markdown, MDX documents)
│   ├── layouts/     # Page layouts
│   └── pages/       # Astro or Markdown files, exposed as routes
│   └── styles/      # Global styles
├── astro.config.mjs # Astro configuration
├── README.md        # Project documentation
├── package.json     # Project dependencies and scripts
└── tsconfig.json    # TypeScript configuration

Astro automatically handles routing based on files in src/pages/. Content collections in src/content/ allow for structured data management with optional schema validation.

Usage and Commands: To get started with Devolio, navigate to the project root in your terminal and use the following commands:

• pnpm install: Installs all necessary project dependencies.
• pnpm run dev: Starts a local development server, accessible at localhost:4321, for real-time preview.
• pnpm run build: Compiles the production-ready site into the ./dist/ directory.
• pnpm run preview: Allows local preview of the built production site before deployment.
• pnpm run astro ...: Executes various Astro CLI commands, such as astro add or astro check.

Devolio is an ideal solution for developers seeking a robust, performant, and highly customizable foundation for their online presence.