SvelteBlog

blogkit — Svelte Blog Template

By muttoni

BlogKit is a minimalist blog template built on SvelteKit and MDsveX. It lets you write in Markdown and render to Svelte pages, with code highlighting, light/dark themes, and automatic RSS.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-01View source

What stands out

A quick read of the recorded project description.

01

Write in Markdown and render to Svelte pages via MDsveX, with Svelte components usable in content

02

Built-in Prism code highlighting, defaulting to the VSCode Dark theme

03

Three themes: light, dark, and OLED

04

Routing based on SvelteKit's +page and +server conventions

05

Automatically generated RSS feed and server-side rendering

06

Build output to the build directory for easy deployment to static site hosting platforms

Template Details

BlogKit is a minimalist blog site template built with Svelte, SvelteKit, and MDsveX. It was originally forked from sveltekit-mdsvex-blog and later migrated to a newer version of SvelteKit with several enhancements. Its core idea is to let authors write articles in Markdown, which MDsveX combines with Svelte components and renders into pages. This gives you the writing convenience of Markdown while allowing Svelte capabilities directly within content.

The template includes Prism code highlighting (defaulting to the VSCode Dark theme), three themes (light, dark, and OLED), an automatically generated RSS feed, and server-side rendering for SEO. Routing follows SvelteKit's +page and +server conventions.

For usage, the repository provides basic steps to clone, install dependencies, and start the development server. The build output goes to the build directory and can be deployed to static site hosting platforms such as Vercel and Netlify. Note that the README explicitly states SvelteKit is still in pre-release, so APIs may change significantly; the template code may need adjustments with future versions of SvelteKit and MDsveX.

SvelteBlog

Is it right for your project?

Use Cases

  • Building a personal blog where Markdown is the primary writing format
  • Technical articles or development notes that need code highlighting
  • Readers who want a blog to offer light, dark, and OLED themes
  • Static blogs that need RSS subscription and basic SEO support

Suitable For

  • Developers familiar with or willing to learn Svelte/SvelteKit
  • Writers who prefer managing article content in Markdown
  • Users planning to deploy the blog to static hosting platforms such as Vercel or Netlify

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    After cloning the repository, enter the project directory and optionally delete .git and reinitialize to get a clean commit history

  2. 2

    Install dependencies with npm install, then run npm run dev to start the local development server

  3. 3

    For deployment, set the build command to npm run build and the build output directory to build

  4. 4

    The README notes that SvelteKit is still pre-release software, APIs may change significantly, and the code may need adjustments with version updates

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not imply that external services or third-party assets are free.

Must comply with when using

  • You may use, modify, commercialize, and distribute the code of this version for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The README explicitly states that SvelteKit is still in pre-release, APIs may change significantly, so this template code may need modifications to work with future versions of SvelteKit and MDsveX.
  • The repository code may require changes to be compatible with future versions of SvelteKit and MDsveX; you must assess and bear the upgrade adaptation cost yourself before use.
  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

SvelteKit is still pre-release software and APIs may change dramatically.

Original README

the code in this repository may need modifications to work with future releases of SvelteKit and MDsveX respectively

Original README
https://github.com/muttoni/blogkit/blob/main/LICENSE.mdhttps://github.com/muttoni/blogkit/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 65 / 100
Technologies
Svelte
Website type
Blog
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2022-11-27
Screenshot last checked
2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Svelte as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 76535f5071fe729997e3eba7f3020239adddd0010a861dbdc0085644f642b556

2026-10-01T00:28:50.460Z

Source file / repository
# BlogKit

Minimalistic blog site template, built with [Svelte](https://svelte.dev), [SvelteKit](https://kit.svelte.dev) and [MDsveX](https://mdsvex.com). Originally forked from [@mehdi_vasigh](https://twitter.com/mehdi_vasigh)'s [sveltekit-mdsvex-blog](https://github.com/mvasigh/sveltekit-mdsvex-blog/), subsequently ported to the new SvelteKit version with several enhancements added.

Write in markdown, publish in Svelte! Particularly simple, suprisingly powerful.

## >> [DEMO](https://blogkit-demo.vercel.app) <<

## Features

- **Markdown & Svelte**: The convenience of markdown, with the power of Svelte
- **Code Highlighting**: Prism code highlighting (default theme is VSCode Dark)
- **Light/Dark Modes**: Light, dark and OLED themes
- **Next-gen Framework**: Bleeding edge SvelteKit compatibility with new `+server` and `+page` routing
- **SSR and SEO Friendly**: Server-side rendering (SSR) for ultra-fast loading and SEO performance.
- **RSS Feed**: Automatically generated RSS Feed

## Getting started

First, clone the repository and navigate to the project directory:

```bash
git clone https://github.com/muttoni/blogkit.git my-blog
cd my-blog
```

If you want to have a fresh commit history, blow away the `.git` directory and re-initialize the repository locally:

```bash
rm -rf .git
git init
```

Next, install dependencies with NPM:

```bash
npm install
```

Finally, run the local development server:

```bash
npm run dev
```

## Building for production

This project is pre-configured with any provider. This makes deploying to static site hosts, such as Vercel or Netlify, super easy. Simply add your site's repository to your static site host of choice, configure the build command to be `npm run build` and the build output directory to be `build`.

## Disclaimer

SvelteKit is still pre-release software and APIs may change dramatically. Therefore, the code in this repository may need modifications to work with future releases of SvelteKit and MDsveX respectively. Please feel free to open an issue or raise a pull request if you find any issues!
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

CMSaasStarter

CMSaasStarter

CMSaasStarter is an MIT-licensed SaaS starter template built with SvelteKit, TailwindCSS, DaisyUI, and Supabase, with Stripe Checkout and Stripe Portal for payments.

Svelte · Admin dashboard

sveltepress

sveltepress

Sveltepress is a SvelteKit-based static site generator for documentation and blogs, with Markdown that can use Svelte 5 Runes, components, and interactive islands.

Svelte · Tool Site

sveltekit-blog-template

sveltekit-blog-template

A SvelteKit blog template that uses mdsvex for Markdown content and Tailwind for styling, with a theme referencing Tailwind's Spotlight blog template.

Svelte · Blog

sveltekit-mdsvex-blog

sveltekit-mdsvex-blog

A minimal blog template built with SvelteKit and MDsveX, written in TypeScript. It supports writing articles in Markdown with embedded Svelte components, recognizes .svelte.md, .md, and .svx files, and is preconfigured with @sveltejs/adapter-static for static hosting deployment.

Svelte · Blog

tablog-svelte

tablog-svelte

A minimalist SvelteKit blog theme that generates all content from Markdown files in /content via mdsvex, with site configuration centralized in /src/config.js. Entries with a date attribute become posts, those without become static pages, and draft: true entries are inaccessible.

Svelte · Blog

sveltekit-mdsvex-blog-template

sveltekit-mdsvex-blog-template

A SvelteKit and MDsveX blog starter for Markdown writing with embedded Svelte components, Tailwind CSS typography, tags, dark mode, SEO metadata, and Cloudflare Workers deployment configuration. Requires Node.js 22.12+ and pnpm 11.17.0; third-party demo assets need separate license verification.

Svelte · Portfolio