Next.js Studio Starter
Production-ready Next.js 16 starter with i18n, dark mode, MDX content, and shadcn — the same stack that powers haikustudio.space.
- Next.js 16
- TypeScript
- Tailwind v4
- next-intl
- shadcn/ui
- MDX
Price
- App Router + RSC + Turbopack pre-configured
- i18n routing (locale-aware) ready for additional languages
- Dark-first theme with next-themes
- MDX content pipeline (`content/`) for blog/projects/docs
- shadcn/ui set up with neutral palette + custom accent
- Production-ready build, deployable to Vercel in one click
NEXT.JS STUDIO STARTER
What you get
The exact stack we use to ship studio sites — minus the studio-specific content. You bring a project, the starter brings the foundation.
Designed to skip the first two weeks of every new Next.js project. Wiring up i18n, dark mode, MDX, design tokens, fonts, layout primitives, deployment — all of it done, all of it tasteful.
License
Single project license. Use the starter for one production deployment. No reselling, no redistribution. Source available on purchase.
Want unlimited projects? Pick the multi-project tier in the inquiry form.
How delivery works
After your inquiry we'll reply within 48 hours with payment instructions and a private GitHub invite or a tarball — your pick.
What's inside
Tree
- app/· App Router + i18n route group
- [locale]/
- layout.tsx· shell, theme, fonts
- page.tsx· hero landing
- brief/· example form
- globals.css· OKLCH tokens + dark variant
- content/· MDX content
- projects/
- blog/
- src/components/
- ui/· shadcn — button, input, dialog, sheet
- forms/· underline inputs + ChipSelect
- motion/· Reveal, PageTransition
- src/lib/
- content.ts· MDX loader
- slugify.ts· unicode-safe, for anchors
- Built-in features
- i18n EN + RU with auto-detect
- Dark / Light / System
- Sticky TOC + scroll-spy
- Form Server Actions with Zod
Changelog
- v1.2.0
Page transitions + horizontal-clip safety
- Pure CSS mount-fade — no more flicker on route change
- `overflow-x: clip` on html+body — preserves sticky children, unlike hidden
- Marquee now pauses on hover out of the box
- v1.1.0
TOC + slugify
- Unicode-safe slugify (Cyrillic + Latin)
- Sticky TOC with scroll-spy, hidden below 3 headings
- Active item animates via `layoutId`
- v1.0.0
Initial release
- Next.js 16, App Router, RSC, Turbopack
- next-intl with `localePrefix: "as-needed"`
- shadcn/ui, OKLCH tokens, Geist Sans/Mono
Roadmap
- In progressQ3 2026
View Transitions API integration
Opt-in layer on top of page transitions for browsers that support View Transitions — falls back to the CSS fade.
- PlannedQ3 2026
Email templates preset
Ready React Email templates (welcome, magic-link, password reset) sharing the same design tokens as the site.
- Planned
Sanity / Payload CMS adapter
Optional module to swap the MDX loader for a headless CMS — without losing types.
- Shipped
Page transitions (CSS keyframe)
Pure-CSS approach without AnimatePresence — for compatibility with RSC streaming.
FAQ
Frequently asked
Yes — the "Single project" tier covers any production deploy, personal or client. If you plan on shipping more than one, pick multi-project in the inquiry form.
Want it
Tell us a bit, and we'll send it over.
Fill this in and we'll reply within 48 hours with payment instructions and access to Next.js Studio Starter. No accounts, no checkout flow — just a quick conversation.