Modern, fast, customizable — and fully open source.

Creating a blog with SvelteKit can be incredibly fun… until you start dealing with SEO, dark mode, styling, content setup, authors, tags, routing, RSS, sitemap, and more.

I’ve been there.

That’s why I built the SvelteKit Shadcn Blog Starter — a clean and production-ready template that lets you launch a modern blog in minutes instead of hours.

👉 GitHub: https://github.com/YusufCeng1z/sveltekit-shadcn-blog-starter

---

✨ What You Get Out of the Box

• ⚡ 5-minute setup
• 📝 Write posts in Markdown
• 🎨 Beautiful UI with shadcn-svelte
• 🔍 SEO-ready (RSS, Sitemap, OG tags)
• 🌙 Dark mode included
• 📱 Fully responsive
• 🔎 Built-in search
• 👤 Multi-author support

Whether you’re building a personal blog, a dev blog, or a content-heavy site — this starter gives you everything you need.

---

💡 Why I Built This Starter

When I built my first SvelteKit blog, I spent days:

• choosing a UI library
• setting up MDsveX
• configuring SEO
• building tag pages
• adding dark mode
• writing RSS feed + sitemap logic

It took way too long.

So I built a starter that handles all this for you. Clone → write content → deploy. That’s it.

---

🚧 Features Overview

📝 Content Management

• Write posts using Markdown + Svelte components
• Automatic tag pages
• Multi-author setup
• Built-in search
• SEO-friendly slugs

🎨 Design & UX

• shadcn-svelte UI components
• Tailwind CSS styling
• Dark/light theme detection
• Fully mobile-friendly layout

🔍 SEO & Performance

• Auto-generated sitemap.xml
• Auto-generated RSS
• Perfect Open Graph metadata
• SvelteKit optimizations by default
• TypeScript everywhere

---

🚀 Quick Start

# Clone the repository
git clone https://github.com/YusufCeng1z/sveltekit-shadcn-blog-starter.git
cd sveltekit-shadcn-blog-starter

# Install dependencies
npm install

# Run the dev server
npm run dev

Open http://localhost:5173 and start creating your content.

---

🗂 Project Structure

sveltekit-blog-starter/
├── src/
│   ├── lib/
│   │   ├── components/     # UI + shared components
│   │   └── config/         # Site config
│   ├── posts/              # Markdown blog posts
│   └── routes/
│       ├── blog/           # Blog list + blog post pages
│       ├── authors/        # Author pages
│       ├── tags/           # Tag archive pages
│       ├── sitemap.xml/    # Sitemap generator
│       └── rss.xml/        # RSS feed generator
└── static/                 # Images & assets

---

✍️ Creating Your First Post

Create a new Markdown file under src/posts/:

---
title: "My First Blog Post"
description: "A short description of the post"
date: "2025-12-08"
tags: ["tutorial", "getting-started"]
author: "your-author-id"
---

# Welcome!

Start writing your content here…

Everything updates automatically:

• Blog page
• Tags
• Author route
• RSS + sitemap

---

⚙️ Configuration

Modify the site config at:

src/lib/config/site.ts

export const siteConfig = {
name: "My SvelteKit Blog",
url: "https://yourdomain.com",
description: "A modern blog built with SvelteKit",
links: {
twitter: "https://twitter.com/yourusername",
github: "https://github.com/yourusername",
},
};

---

☁️ Deployment

✨ Recommended: Netlify

Just push to GitHub → Click New site from Git → Deploy.

Works great with zero config.

Other supported adapters:

• Vercel
• Cloudflare Pages
• Node.js
• Static adapters

Simply install the correct SvelteKit adapter.

---

🔧 Customization

• Customize UI with Tailwind classes
• Edit or extend shadcn components
• Replace layout styles
• Add your brand colors
• Add or remove sections easily

The starter is intentionally simple and flexible.

---

⭐ Show Your Support

If this starter saved you time (and headaches), consider starring the repo — it really helps others find it:

👉 https://github.com/YusufCeng1z/sveltekit-shadcn-blog-starter

---

❤️ Built by Yusuf Cengiz

Have suggestions or ideas? Open an issue or reach out on GitHub!

---