快速构建 next.js 全栈项目
date
slug
quick-start-nextjs-fullstack-project
status
Published
tags
Website
AI
Dev
summary
type
Post
脚手架启动
- 使用 cli 初始化 nextjs 项目：
npx create-next-app@latest，完整文档：next js 官方文档
- 配置 shadcn：
npx shadcn@latest init。注意：这个命令既可以在已创建的项目中使用，也可以用于新建一个新的 next 项目。区别在于， 先用 cli，有更多的关于 nextjs 配置可选。
全栈项目的配置
使用 app router 模式，在
/app/api/下写后端，比如有 api1接口，则完整目录结构为： /app/api/api1/route.ts 在 route.ts里写接口。