nextjs - Next.js 16 App Router 模式
使用 Next.js 16 App Router 创建页面、布局、组件、API 路由和身份验证流程
标签
更新于: 2026-05-11能力
典型输入
典型输出
该技能可以做什么
- 创建页面
- 创建布局
- 创建组件
- 创建 API 路由
- 配置认证
- 保护路由
- 处理动态路由
- 使用会话
- 重定向用户
- 设置提供者
输入
- Google 客户端 ID
- Google 客户端密钥
- Prisma 数据库实例
- Tailwind 配置
- NextAuth 凭证
- 项目源代码目录
输出
- 渲染的网页
- API 路由响应
- 身份验证会话
- 构建的 Next.js 应用
- 认证状态重定向
要求
- Next.js 16 运行时
- Claude Code 兼容性
- NextAuth v5
- Bun 包管理器
- TypeScript