Astro Blog Template

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 like robots.txt and favicon.ico.
• /src/: Houses your components (src/components/) and pages (src/pages/). Astro pages (.astro or .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 at localhost: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.