The Astro Blog Template is a highly customizable and performant personal blog starter kit built with the Astro framework. Designed for developers who prioritize speed, SEO, and a great authoring experience, this template provides a solid foundation for launching a modern blog.
Key Features:
- Astro 4.0: Leverages the latest version of Astro for optimal performance and developer experience.
- Dark Mode: Includes a built-in dark mode for enhanced user comfort and aesthetic appeal.
- Full Markdown Support: Write your blog posts using familiar Markdown syntax, allowing for rich content creation.
- SEO-Friendly Setup: Comes with pre-configured canonical URLs and OpenGraph data to ensure your content is discoverable and ranks well on search engines.
- RSS 2.0 Generation: Automatically generates an RSS feed, making it easy for your readers to subscribe to your latest posts.
- Sitemap.xml Generation: Creates a sitemap.xml file to help search engines crawl and index your site efficiently.
Getting Started:
To get started locally, simply run npm init astro -- --template Charca/astro-blog-template. For a quick online setup, you can open it directly on StackBlitz.
Project Structure: The project follows a standard Astro structure:
/public/: Contains static assets likerobots.txtandfavicon.ico./src/: Houses your components (src/components/) and pages (src/pages/). Astro pages (.astroor.md) are automatically exposed as routes.package.json: Manages project dependencies and scripts.
Commands:
npm install: Installs all necessary project dependencies.npm run dev: Starts a local development server, typically atlocalhost:3030.npm run build: Compiles your site for production, outputting to the./dist/directory.npm run preview: Allows you to preview your production build locally before deployment.
This template is an excellent choice for anyone looking to quickly deploy a high-performance, SEO-optimized personal blog with a focus on content and modern web standards.
