本课程将教您如何使用最新的应用程序目录方法构建现代 Next.js 应用程序。我们将构建一个购物应用程序并学习构建现代 Next.js 应用程序的所有核心基础知识。我们还将将该应用程序连接到 NestJS 后端并使用 Prisma ORM 存储数据。
Published 7/2024
Created by Michael Guay
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 49 Lectures ( 8h 2m ) | Size: 3.35 GB
这种架构使我们能够利用 Next.js 令人惊叹的性能和安全功能以及服务器端渲染，同时仍然使用 NestJS 保持干净的可扩展后端。通过构建一个与 Stripe 集成的真实工作购物应用程序来接受付款，我们将超越文档范围，了解如何构建全栈 Web 应用程序并将其部署到生产环境。
此外，我们将介绍使用 AWS 和 Vercel 的生产部署，以实施持续交付管道，并将我们的应用程序公开到真实工作域的互联网上。这将确保每次提交时都会自动构建和部署应用程序，而我们无需执行任何操作。
整个项目将受到行业标准 JWT 身份验证的保护，因此只有经过身份验证的用户才能访问我们的应用程序。每当添加或购买新产品时，我们将利用 WebSockets 从后端接收实时更新。使用 Stripe webhooks 可以促进这一点。
在课程结束时，我们将通过构建一个真正的工作应用程序来阅读大部分 Next.js 文档。您将能够运用所学知识来构建自己的现代全栈应用程序。
此课程面向哪些人：
想要学习如何使用 Nextjs 构建令人难以置信的 UI 并将其连接到 NestJS 后端的中级全栈开发人员
你将会学到的
遵循最佳实践构建可扩展的全栈 Web 应用程序
使用现代 Nextjs 应用程序目录方法构建尖端的高性能 UI
创建 Nextjs 服务器组件和操作以提高性能和安全性
Build an enterprise grade backend using NestJS & Prisma ORM with a Postgres DB
在 AWS 和 Vercel 上实施持续交付管道，以轻松将我们的代码部署到生产中
使用行业标准 JWT 身份验证保护 UI 和后端
使用 Prisma ORM 生成 TypeScript 类型以减少样板文件并执行数据库迁移
利用 Material UI 和 Tailwind CSS 轻松构建漂亮的组件
了解如何从 Nextjs UI 将图像上传到文件系统和 AWS S3
连接 Stripe 以收取付款并集成 Webhook 以接收实时更新
集成 WebSockets 以获取从后端到 Nextjs UI 的实时更新
了解如何使用 Nextjs fetch 缓存数据以避免重复请求并实现极快的用户体验
使用 HTTPS 配置自定义域和安全流量
要求
React 中级经验
Express/NodeJS 后端的中级经验
Beginner experience with NestJS