Next.js 现代化启动模板

集成 Motion 动画、Zustand 状态管理、Tailwind CSS v4 和 TypeScript 的生产就绪模板

Motion 动画
Zustand 状态
Tailwind CSS v4
TypeScript
深色模式
查看源码

功能演示

体验 Motion 动画、Zustand 状态管理和 clsx 条件样式的强大功能

计数器演示

使用 Zustand 状态管理和 Motion 动画，配合 clsx 实现条件样式

0
零

待办事项

使用 AnimatePresence 实现流畅的添加/删除动画，配合 clsx 管理条件样式

暂无待办事项

主题切换

☀️浅色
🌙深色
💻系统

快速开始

# 克隆项目
git clone https://github.com/crper/next-modern-starter.git
# 安装依赖
cd next-modern-starter && pnpm install
# 启动开发服务器
pnpm dev
推送到 GitHub 自动部署到 GitHub Pages • 支持 Vercel 一键部署

MIT 许可证 •GitHub