Supacode - The most aesthetic Next.js blog starter kit

by•
notebook-blog-starter is a Next.js 16 + MDX blog starter with 30 handcrafted components — sticky notes, washi tape, polaroids, math formulas, timelines, and more. Includes a visual /studio editor, book reader mode, and full SEO infrastructure. Ship in a day.

Add a comment

Replies

Best
Maker
📌
Hey Folks! I'm the maker of Supacode 's notebook-blog-starter — a Next.js + MDX starter kit for people who want their blog to feel genuinely different. Why I built this Every developer blog looks the same: white background, dark mode toggle, three nav links. I wanted something that felt like a real notebook — handwritten margin notes, sticky notes, washi tape, polaroid photos, ruled paper headings. So I built it. Then I kept going. What's inside 30 MDX components — sticky notes, washi tape, margin notes, polaroids, stamps, flip cards, math formulas (KaTeX), chemistry equations, interactive timelines, and more /studio editor — a 3-pane visual editor so non-technical writers can author MDX posts without touching code Book reader mode — turn any post into a two-page spread with page-turn navigation SEO infrastructure — OpenGraph, Twitter cards, JSON-LD, sitemap, RSS, canonical URLs all wired up 5 accent colors × 3 intensity levels — configure your aesthetic in one file Ship in a day — clone, configure site.config.ts, deploy to Vercel Who it's for Indie hackers who want a blog that matches their product's personality. Writers who are tired of generic themes. Developers who want full control without building from scratch. Tech stack Next.js 16 (App Router) · MDX · Tailwind v4 · Radix UI · KaTeX · TypeScript Get it $99 one-time → Try the studio → See the components → Would love to hear what you think — questions and feedback in the comments!

Here is a blog that uses this starter kit -