Are you ready to launch a blazing-fast, SEO-friendly blog with minimal effort? Look no further! This Astro.js Blog Starter Template simplifies your journey and gives you the tools to create a standout blog in no time.
🌟 Features That Make This Template Shine
- Minimal Styling: A clean slate to make it uniquely yours.
- Blazing Performance: Achieve a perfect 100/100 Lighthouse score.
- SEO-Optimized: Built-in support for canonical URLs and OpenGraph data.
- Content-Rich: Markdown & MDX support for effortless content creation.
- Comprehensive Support: Includes sitemap and RSS feed generation.
- Static Assets: Seamless handling of images and other assets.
📂 Project Structure: What’s Inside?
The template is organized to help you hit the ground running:
├── public/ # Static assets (e.g., images)
├── src/
│ ├── components/ # UI components
│ ├── content/ # Markdown and MDX collections
│ ├── layouts/ # Reusable layouts
│ └── pages/ # Routes and pages
├── astro.config.mjs # Astro configuration
├── package.json # Project dependencies
└── README.md # Documentation
🛠️ Get Started in Minutes!
1️⃣ Clone the Repository
Head over to the repository and clone it:
git clone https://github.com/pedes/astrojs-blog-starter-website.git
cd astrojs-blog-starter-website
2️⃣ Install Dependencies
Install all required dependencies using npm:
npm install
3️⃣ Run the Development Server
Start your local development server to see your blog in action:
npm run dev
Your blog will be live at http://localhost:4321! 🎉
4️⃣ Customize Your Blog
Dive into the src/ folder to add your content, tweak components, and style your blog to perfection.
If you’re as excited about Astro.js as I am, give this repo a ⭐ on GitHub and share your feedback.
Let’s build something extraordinary together. Happy blogging!
Be Extraordinary. Andres Pedes.
Top comments (0)