Boilerplate
Next.js + Ant Design starter
A production-minded boilerplate with Next.js App Router, React, TypeScript, Tailwind CSS, and Ant Design 6.1.0 wired for SSR styles.
Ant Design 6.1.0Health check
Ready to build
SSR styles are enabled via @ant-design/nextjs-registry.
Stack
Exact versions from `package.json`.
Next.js
v16.0.10React
v^19.2.3TypeScript
v^5Ant Design
v^6.1.0Tailwind CSS
v^4Note: with Next.js App Router, avoid AntD sub-components via dot notation (e.g. `
<Select.Option />`). Import from paths as described in the Ant Design guide.Capabilities
What you get out of the box.
SSR-ready UI (no flicker)
Ant Design is integrated with Next.js App Router via @ant-design/nextjs-registry for first-screen styles.
Type-safe by default
Strict TypeScript setup for safer refactors and better DX.
Production UI components
Ant Design gives you a large set of accessible, polished components.
Fast iteration
Next.js dev server + React 19 for a modern, speedy workflow.
Security hygiene
Simple audit workflow (`npm audit`) and pinned framework versions.
Mini demo
A quick interactive section proving AntD components are working.
Inputs + alerts
Try it
Type into the input to see a live alert.
Progress
Setup
Build pipeline
90%
Shipping readiness
80%
Quickstart
The usual workflow when cloning this boilerplate.
1) Install
npm install2) Develop
npm run dev3) Ship
npm run buildnpm run start