A blazing fast, modern blog template built with SvelteKit, MDSvex, and TailwindCSS. Perfect for developers, writers, and creators who want a performant, SEO-friendly personal website with a built-in blog.
- ⚡️ Lightning Fast: Built on SvelteKit for exceptional performance and quick page loads
- 📝 MDSvex Integration: Write your blog posts in Markdown with full Svelte component support
- 🎨 Modern Styling: Powered by TailwindCSS with typography plugin for beautiful, responsive design
- 🔍 SEO Optimized:
- Built-in meta tags and structured data
- Automatic sitemap generation
- Social media preview cards
- 📱 Responsive Design: Looks great on all devices, from mobile to desktop
- 📊 Analytics Ready: Vercel Analytics integration out of the box
- 🧪 Testing Setup: Comprehensive testing with Vitest and Playwright
- 🏷️ Content Organization: Tag-based categorization for easy content discovery
- 🚀 Easy Deployment: Deploy anywhere that supports SvelteKit, optimized for Vercel
- Click the "Use this template" button on GitHub
- Clone your new repository:
git clone <your-repo-url>
cd <your-repo-name>pnpm installStart the development server:
pnpm devVisit http://localhost:5173 to see your site.
Create new .svx files in src/posts/ with this frontmatter:
---
title: Your Post Title
description: A brief description of your post
date: 2023-06-15
published: true
tag: svelte
---
Your content here...- Update
src/variables.tswith your information - Customize the site layout in
src/routes/+layout.svelte - Modify the homepage in
src/routes/+page.svelte
pnpm test # Run unit tests
pnpm test:watch # Run tests in watch mode
pnpm test:coverage # Run tests with coverage
pnpm test:e2e # Run end-to-end testsBuild for production:
pnpm buildPreview the production build:
pnpm previewThis template is optimized for deployment on Vercel and will work out of the box. It's also compatible with any platform that supports SvelteKit.
MIT
Created by Loke and the SvelteKit community.