内容 隐藏
1 使用 Next.js + NestJS 和 Prisma 构建购物应用
2 Build a Shopping App With Next.js + NestJS & Prisma
2.1 学习内容
2.2 要求
2.3 描述
2.4 本课程适合谁：

使用 Next.js + NestJS 和 Prisma 构建购物应用

Build a Shopping App With Next.js + NestJS & Prisma

了解如何使用 Next.js 构建尖端的 Web 应用程序并将其连接到可扩展的 NestJS 后端

 学习内容

  • 按照最佳实践构建可扩展的全栈 Web 应用程序
  • 使用现代 Nextjs 应用程序目录方法构建尖端高性能 UI
  • 创建Nextjs服务器组件和操作以提高性能和安全性
  • 使用NestJS和Prisma ORM与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 后端的中级经验
  • NestJS 的初学者体验

 描述

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

这种架构使我们能够利用Next.js的惊人性能和安全功能进行服务器端渲染，同时仍然使用NestJS保持一个干净的可扩展后端。通过构建一个与Stripe集成的真实工作购物应用程序来接受付款，我们将超越文档，并学习如何构建和部署全栈网络应用程序到生产环境。

此外，我们将使用AWS和Vercel进行生产部署，以实现持续交付管道，并在真实工作域上将我们的应用程序公开到互联网。这将确保应用程序在每次提交时自动构建和部署，而无需我们做任何事情。

整个项目将受到行业标准 JWT 身份验证的保护，因此只有经过身份验证的用户才能访问我们的应用程序。每当添加或购买新产品时，我们将利用 WebSockets 从我们的后端接收实时更新。这将通过使用 Stripe webhook 来促进。

在课程结束时，我们将通过构建一个实际工作的应用程序来完成大部分Next.js文档。您将能够应用所学知识来构建自己的现代全栈应用程序。

本课程适合谁：

  • 想要学习如何使用Nextjs构建令人难以置信的用户界面并将其连接到NestJS后端的中级全栈开发人员
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。