Next.JS:初学者指南(2024 年版)

Next.JS : The beginner guide (2024 edition)

构建速度极快且经过 SEO 优化的网站。包括。全栈、Auth、i18n、Hook 形式、Zod、Prisma、Supabase…

你将学到什么

  • 设置和配置 NextJS 项目
  • 使用 NextJS 开发完整的 Web 应用程序
  • 实施服务器端渲染 (SSR) 和静态站点生成 (SSG)
  • 创建动态和静态路由
  • 利用内置 API 和中间件
  • 部署和优化 NextJS 应用程序
  • 改善搜索引擎优化
  • 在 NextJS 应用程序中处理状态管理
  • 创建组件并设置样式
  • 实施身份验证和授权
  • 连接到后端服务和数据库

要求

  • 您已经学习了 React 课程
  • 对 Typescript 的基本了解:你可以查看我的 Typescript 课程;)
  • Tailwind is a+

描述

通过我们全面的Next.js课程释放现代 Web 开发的全部潜力。深入创建多个现实世界项目,每个项目都旨在强化基本概念和技术。从设置开发环境的基础知识到部署完善的生产就绪应用程序,本课程涵盖了所有内容。

您将踏上探索 Next.js 强大功能的旅程,学习如何构建不仅速度而且由于SEO 友好的架构而排名良好的应用程序。

在本课程中,我们将构建 2 个完整的应用程序。

Flash 新闻应用程序(前端)
代码片段管理器应用程序(前端 + 后端

了解如何无缝实施身份验证、与  数据库连接以及创建可处理大流量需求的可扩展 API 。安全地验证您的表单。让您的应用程序支持多种语言等等。

本课程中的每个项目都是将您所学到的知识应用到实际环境中的机会,确保您获得实践经验。

我们将解决用户身份验证、数据库集成、API 创建和搜索引擎优化等挑战。

在本课程结束时,您将具备构建高性能且可维护的应用程序的技能,并深入了解如何充分利用 Next.js 的潜力。无论您是想提高当前的技能还是构建可扩展的网络解决方案,本课程都是您成为熟练的 Next.js 开发人员的门户。课程概要:

– Next.JS 基础知识

   – 服务器端渲染

   – 客户端渲染

   – 增量静态生成
   – 客户端组件

   – 服务器组件

  – 静态生成

– 使用 Next.JS 构建前端应用程序

– 使用 Next.JS 构建全栈应用程序

– 使用 Next.JS 构建 Rest API

– 通过 Clerk 进行身份验证来保护您的应用程序

– 设置和使用 Supabase postgrsql 数据库

– 使用 Prisma 与您的数据库进行通信

– Zod 保护表单和 API 中的用户输入 

– React hook 表单来处理前端表单验证。

– 在 Next.JS 中使用路由句柄创建 REST API

– 服务器操作和表单操作

– 全面国际化,下一个 intl i18N

每个视频都与一个代码分支相关联,并且一如既往地以轻松的方式一步步进行。 

罗宾.

本课程适合谁:

  • React 开发人员寻求扩展他们的技能,将 NextJS 纳入他们的 Web 项目中,以提高性能和 SEO。
  • 全栈开发人员
  • 前端开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。