前端大师 – 使用 Next.js 构建全栈应用程序，v2(Build a Fullstack App with Next.js, v2)

教程演示🔗

你将学到什么

• 设置Next.js 应用程序
• 在铁路上设置Postgres 数据库
• 同步架构和设置 Prisma 客户端
• 身份验证处理程序
• JSON 网络令牌
• 中间件
• 创建项目页面
• 测试身份验证路由
• 注册API路由
• 密码管理

描述

使用 Next.js v2 构建全栈应用程序，在 Next.js 中从头开始创建全栈项目管理应用程序。了解 Next.js/React 的所有部分如何组合在一起：客户端组件、服务器组件、基于文件的路由、动态路由、中间件和布局。与数据库 Prisma 和 PostgreSQL、TypeScript 一起，将您的应用程序部署到世界各地！

使用 Next.js v2 构建全栈应用程序的内容

# 简介
# 设置 Next js 应用程序
# 在铁路上设置 Postgres 数据库
# 使用 Prisma 设置数据库架构
# 同步架构 设置 Prisma 客户端
# 播种数据库
# 路线路线组
# GlassPane 容器组件
# 根布局组件
# 设置样式 Tailwind CSS
# 按钮组件带有变体
# 卡输入组件
# SidebarLink 组件
# 侧边栏组件
# 身份验证处理程序
# AuthForm 组件
# AuthForm 页面
# 密码管理
# JSON Web 令牌
# 注册 API 路由
# 登录 API 路由
# 中间件
# 测试身份验证路由
# 仪表板主页
# Greetings 组件
# GreetingsSkeleton 组件
# ProjectCard 组件
# 获取项目数据
# 数据加载服务器组件
# TaskCard 组件
# 加载器组件
# 创建项目页面
# 新项目 API 处理
程序 # 模态客户端组件
# 部署到 Vercel
# 总结