使用 Next.js 构建全栈应用程序的完整指南

The complete guide to building a full-stack app with Next.js

如何使用 NextJS、Prisma ORM、TailwindCSS、NextUI 和 NextAuth 构建完整的全栈真实应用

 学习内容

  • 使用 NextAuth v5 在 NextJS 应用中设置和配置身份验证
  • 在 NextJS 应用中使用 Prisma ORM 查询和更新数据库
  • 使用 NextUI 组件构建美观的用户界面
  • 使用 TailwindCSS 设置 NextJS 应用程序中的元素样式
  • 使用 NextJS 服务器操作和应用路由器获取数据
  • 学习使用 NextJS 构建真实世界的完整全栈应用程序!

 要求

  • 需要对 HTML、CSS 和 JavaScript 有一定的了解

 描述

通过这门专为初学者设计的综合课程,深入了解全栈开发的世界。  本课程涵盖了从Next.js基础知识到部署全面应用程序的所有内容。 无论您是编程新手还是希望扩展现有技能,本课程都将指导您完成构建健壮的数据库驱动应用程序的每一步。

以下是本课程涵盖的一些内容

  •  创建Next.js应用

  • 使用 Prisma ORM 查询数据库

  • 使用 NextAuth (v5) 安全地对用户进行身份验证

  • 创建消息/聊天功能

  • 使用 Pusher 进行实时通信。

  • 电子邮件验证/忘记密码功能

  • 使用 NextUI 设计用户界面

  • 使用 TailwindCSS 设置组件样式

  • 利用服务器操作获取和更新Next.js中的数据

  •  图片上传

  • 使用 Vercel 将应用程序发布到 Internet

本课程的主要特点

综合课程:27小时的高质量视频教程,挑战和实用内容。

基于项目的学习:建立一个主要项目来展示您的新技能

 先决条件

建议具备 JavaScript、HTML 和 CSS 的基本知识。

本课程所需的工具

在本课程中,所有课程都使用 Visual Studio Code 进行演示,Visual Studio Code 是一个免费(且出色的)跨平台代码编辑器。  当然,您可以使用任何您喜欢的代码编辑器和任何您喜欢的操作系统……只要是 Windows、Linux 或 Mac。

这门课程适合你吗?

这门课程非常实用,大约 90%+ 的课程将涉及您和我一起在这个项目上编码。 如果你是那种在实践中学习的人,那么这门课程绝对适合你。

在本课程中,我们将构建一个约会应用程序示例。 您只需要一台具有自己喜欢的操作系统的计算机,并热衷于学习如何基于Next.js构建功能齐全的全栈应用程序。

本课程适合谁:

  • 希望学习如何使用 NextJS 构建应用程序的初学者开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。