SvelteKit Blog Starter

A minimal, beautiful blog template built with SvelteKit, MDsveX, and Tailwind CSS.

✨ Features

• 📝 MDsveX — Write blog posts in Markdown with Svelte component support
• 🎨 Tailwind CSS — Utility-first styling with @tailwindcss/typography
• 🌙 Dark Mode — System-aware with manual toggle
• 🔍 SEO Ready — Meta tags, Open Graph, and structured data
• 📡 RSS Feed — Auto-generated at /rss.xml
• ⚡ Fast — SvelteKit's file-based routing and SSG/SSR support
• 📱 Responsive — Looks great on all devices
• 🏷️ Tags — Categorize posts with tags

🚀 Quick Start

# Clone the repo
git clone https://github.com/kszongic/sveltekit-blog-starter.git
cd sveltekit-blog-starter

# Install dependencies
npm install

# Start dev server
npm run dev

Open http://localhost:5173 to see your blog.

📁 Project Structure

src/
├── posts/              # Markdown blog posts
│   ├── hello-world.md
│   └── getting-started.md
├── routes/
│   ├── +layout.svelte  # Root layout
│   ├── +page.svelte    # Homepage (recent posts)
│   ├── blog/           # Blog listing + [slug] pages
│   ├── about/          # About page
│   └── rss.xml/        # RSS feed endpoint
└── lib/
    ├── components/     # Header, Footer, BlogLayout
    └── posts.js        # Post loading utility

✍️ Writing Posts

Add a .md file to src/posts/:

---
title: My Post Title
description: A brief description for SEO and previews
date: '2024-02-01'
tags:
  - webdev
  - svelte
published: true
layout: blog
---

Your content here. **Markdown** and Svelte components both work!

Set published: false to hide a draft.

🎨 Customization

• Colors — Edit CSS variables in src/app.css
• Typography — Customize in tailwind.config.js
• Layout — Modify components in src/lib/components/
• Site info — Update titles in +layout.svelte and rss.xml/+server.js

🚢 Deployment

Works with any SvelteKit adapter:

npm run build

Deploy to Vercel, Netlify, Cloudflare Pages, or any Node.js host.

📄 License

MIT — use it however you like.

⭐ Star this repo if you find it useful!