SvelteKit MDsveX Blog Template

A blog template built with SvelteKit, MDsveX, and Tailwind CSS. Write posts in Markdown with full Svelte component support.

Features

• Fast — SvelteKit with SSG, quick page loads out of the box
• MDsveX — Markdown posts with Svelte components
• Tailwind CSS — Typography plugin for clean post styling
• SEO Optimised — Meta tags, structured data, sitemap, social previews
• Tags — Tag-based post categorisation
• Dark Mode — Light and dark themes
• Analytics — Vercel Analytics integration
• Testing — Vitest and Playwright configured

Stack

• SvelteKit
• MDsveX
• Tailwind CSS
• TypeScript
• Vitest
• Playwright

Get Started

git clone https://github.com/loke-dev/sveltekit-mdsvex-blog-template my-blog
cd my-blog
pnpm install
pnpm dev

Visit http://localhost:5173 to see your site.

Writing Posts

Create .svx files in src/posts/:

---
title: Your Post Title
description: A brief description of your post
date: 2023-06-15
published: true
tag: svelte
---

Your content here...

Customise

1. Update src/variables.ts with your information
2. Customise the layout in src/routes/+layout.svelte
3. Modify the homepage in src/routes/+page.svelte

Testing

pnpm test           # Unit tests
pnpm test:e2e       # End-to-end tests
pnpm test:coverage  # Coverage report

Deploy

Works on any platform that supports SvelteKit.

License

MIT