使用Next.js, NestJS和Prisma构建购物应用程序 | Build a Shopping App With Next.js + NestJS & Prisma

学习 Next.js 与 NestJS 构建全栈 Web 应用

学习如何使用 Next.js 构建前沿的 Web 应用程序，并将其连接到可扩展的 NestJS 后端。

你将会学到的

• 按照最佳实践，构建可扩展的全栈 Web 应用程序
• 使用现代 Next.js 应用目录方法，构建前沿的高性能用户界面
• 创建 Next.js 服务器组件和动作，以提升性能和安全性
• 使用 NestJS 和 Prisma ORM 及 PostgreSQL 数据库，构建企业级后端
• 在 AWS 和 Vercel 上实施持续交付管道，轻松将代码部署到生产环境
• 采用行业标准的 JWT 认证，确保用户界面和后端的安全
• 使用 Prisma ORM 生成 TypeScript 类型，减少样板代码并执行数据库迁移
• 利用 Material UI 和 Tailwind CSS，轻松构建美观的组件
• 学习如何从 Next.js 用户界面上传图片到文件系统和 AWS S3
• 将 Stripe 集成到系统中，收集支付并利用 webhooks 接收实时更新
• 集成 WebSockets，实现实时更新从后端到 Next.js 用户界面的数据传输
• 学习如何使用 Next.js fetch 缓存数据，避免重复请求，实现闪电般的用户体验
• 配置自定义域名，并使用 HTTPS 加密流量

要求

• 具有 React 的中级使用经验
• 具有 Express/NodeJS 后端的中级使用经验
• 具有 NestJS 的初级使用经验

说明

本课程将教你如何使用最新的 Next.js 应用目录方法构建现代应用程序。我们将构建一个购物应用，并学习构建现代 Next.js 应用的核心基础。我们还将把应用连接到 NestJS 后端，并使用 Prisma ORM 存储数据。

这种架构让我们能够充分利用 Next.js 的卓越性能和安全特性，通过服务器端渲染，同时保持使用 NestJS 构建的干净、可扩展的后端。通过构建一个集成 Stripe 支付功能的真实购物应用，我们将超越官方文档，学习构建和部署全栈网络应用程序到生产环境所需的一切知识。

此外，我们将使用 AWS 和 Vercel 进行生产部署，实施持续交付管道，将我们的应用部署到真实的互联网域名上。这样，每次提交代码时，应用都会自动构建和部署，无需我们手动干预。

整个项目将采用行业标准的 JWT 认证进行保护，确保只有经过身份验证的用户才能访问应用。我们将利用 WebSockets，在有新产品添加或购买时，从后端接收实时更新。这将通过使用 Stripe 的 webhooks 来实现。

课程结束时，我们将通过构建真实应用，覆盖大部分 Next.js 文档内容。你将能够将所学应用于构建自己的现代全栈应用。

此课程面向哪些人

希望学习如何使用 Next.js 构建惊人用户界面，并将其连接到 NestJS 后端的中级全栈开发者。