A production-ready, MDX-powered blog template built with Next.js 15, Tailwind CSS v4, and shadcn/ui. Full SEO, dark mode, RSS, syntax highlighting, multi-author support, and a perfect Lighthouse score — all out of the box. Clone it, write your first post, deploy to Vercel. Done.
Perfect performance, accessibility, and SEO scores out of the box.
Automatic sitemaps, RSS, OG images, and JSON-LD structured data.
Write in Markdown with full React component support inside posts.
One-click deployment to Vercel with zero infrastructure management.
Flawless transitions between themes with system preference detection.
Built with Next.js 15, Tailwind v4, and Shiki for premium DX.
All the complex boilerplate is handled. Focus on writing great content while we handle the infrastructure.
Write content in Markdown with full React component support. Embed interactive demos, charts, and custom UI directly in your posts.
Automatic OpenGraph images, dynamic sitemaps, robots.txt, JSON-LD structured data, and canonical URLs — all generated at build time.
Flawless dark and light mode with system preference detection, smooth transitions, and zero flash of unstyled content.
Beautiful code blocks powered by Shiki with 30+ themes, line numbers, line highlighting, copy button, and diff support.
Automatically estimates reading time based on word count and content complexity. Displayed on cards and article headers.
Auto-generated RSS and Atom feeds with full content. Compatible with every major reader including Feedly, Inoreader, and NewsBlur.
Performance, accessibility, best practices, and SEO — perfect scores across the board with zero configuration needed.
Dynamic social preview images generated at the edge using @vercel/og. Every post gets a beautiful, branded share card.
Fluid typography, adaptive grids, and mobile-first design. Looks stunning on everything from a phone to an ultrawide monitor.
Experience the actual production build. Fully responsive, optimized, and ready to go.
The stack is chosen for developer velocity, type-safety, and scalability. It is heavily opinionated so you don't suffer decision fatigue.
Every feature is built to production standards with sensible defaults, deep configuration, and zero performance compromise.
Skip pure Markdown's limits. Author posts as MDX where React components live alongside prose — embed interactive charts, custom callouts, code playgrounds, and live demos inline. Type-safe frontmatter ensures required metadata is present. Remark and rehype plugins handle smart quotes, footnotes, GitHub-style tables, and KaTeX math. Hot reload keeps your authoring loop tight.
Beyond meta tags. Generates Article and BreadcrumbList structured data, per-route canonical URLs, OpenGraph and Twitter cards with edge-rendered images via @vercel/og, an XML sitemap with priority weights, RSS 2.0 + Atom 1.0 feeds with full content, and a robots.txt aware of AI crawlers like GPTBot and ClaudeBot. Lighthouse SEO hits 100/100 with zero manual config.
Every post statically generated at build time. Bundle stays under 50KB First Load JS through aggressive code splitting and dynamic imports. Images use next/image with AVIF/WebP, blur placeholders, and lazy loading. Fonts are subset and preloaded. Edge middleware enables instant geolocation, A/B testing, and locale routing without runtime cost.
Write in your editor of choice. Type-safe frontmatter contracts catch missing fields at build. Auto-generated TypeScript types for every collection. Slug validation prevents broken URLs. Reading time and word count compute automatically. Related posts use TF-IDF over tags. Table of contents extracts from H2/H3 with smooth scroll-spy. Newsletter and Giscus comments wired in, waiting for your keys.
Zero config required. Clone, install, push to Vercel — your blog is online before the coffee gets cold.
Run git clone on the GitHub repo to grab the starter, or use it as a GitHub template to spin up your own repo from day one with all the history clean.
Change into the project directory and run npm install. Pulls Next.js, MDX, shadcn/ui, and all peer deps — around 60 seconds on a modern connection.
Copy .env.example to .env.local and add your newsletter provider key (optional), Giscus repo ID for comments (optional), and site URL. No required keys to run locally.
Edit site.config.ts to set your site name, author, social links, and color theme. Tailwind CSS variables propagate everywhere — no hardcoded colors to hunt down.
Create content/posts/hello-world.mdx with frontmatter (title, date, tags, description). Hot reload picks it up instantly. Drop in MDX components for interactivity.
Push to GitHub. Connect the repo in Vercel — Next.js auto-detected. Click deploy. Live at your-project.vercel.app with HTTPS and global CDN included by default.
Buy a domain from Cloudflare or Namecheap. Add it in Vercel's dashboard. DNS propagates in minutes. SSL certificates issue automatically — no manual renewals.
Verify your site in Google Search Console. Submit /sitemap.xml. Pages start appearing in search results within 3–7 days. Use URL Inspection for instant indexing of priority posts.
From solo writers to engineering teams — the same kit, adapted to your scale and your stack.
You're shipping side projects and writing about the journey. You need a fast, professional-looking blog without paying $9/mo for Ghost. Clone the kit, customize colors to match your portfolio, push to Vercel — a blog at your-name.com in 30 minutes. MDX lets you embed live product demos. The newsletter form captures emails for future launches.
Your library on GitHub needs a docs site beyond the README. MDX handles code blocks, callouts, and live examples elegantly. Tag posts by version. Add a search bar with Fuse.js. The sitemap generates automatically as you add docs. Everything deploys alongside your CI — no separate docs platform to maintain.
Your 5-engineer team wants to publish technical posts to attract hires. Each engineer authors as Markdown via pull requests. The multi-author profile page surfaces everyone's contributions. Comments via Giscus pull in GitHub usernames. Posts auto-share to a Slack channel via webhook. SEO drives organic traffic to your careers page.
You publish tutorials with embedded code playgrounds, interactive diagrams, and step-by-step guides. MDX mixes React components into prose — embed a CodeSandbox, render a live API request, include a Mermaid diagram. Reading time tells visitors what to expect. Related posts surface deeper tutorials automatically.
You want a personal blog that looks professional, loads fast, and doesn't need a CMS or database. Write in Markdown, push to GitHub, Vercel handles the rest. Total cost: $0.
You publish tutorials with code examples and interactive MDX components. You need proper SEO and syntax highlighting — without fighting WordPress plugins.
Your company needs a multi-author blog with categories and newsletter integration, inside your existing Next.js stack.
See how DevKit Blog Kit stacks up against WordPress, Ghost, Hugo, and the popular timlrx starter.
Everything you need to know before cloning. Feel free to contact us if you have any other questions.
The timlrx starter is excellent (9,000+ GitHub stars). DevKit Blog Kit adds full-text search (Fuse.js), multi-author profile pages, a newsletter form, social share buttons, and shadcn/ui components. It uses next-mdx-remote instead of Contentlayer.
100/100 across Performance, Accessibility, Best Practices, and SEO — zero config required. Uses static generation, next/image, font preloading, and edge middleware.
Yes. Includes newsletter signup for audience building. Architecture supports Stripe for paid content, sponsorship banners, or affiliates. MIT license has no commercial restrictions.
Next.js 15 requires Node.js 18.18.0 or later. We recommend using the latest LTS version for the best performance and security.
Expand your developer toolkit.
Clone the repo. Write your first post in MDX. Push to GitHub. Vercel deploys it automatically. Total time: 5 minutes. Total cost: $0.