从零开始学习 NextJS 14
从零开始学习 NextJS 14，并使用 App Router 或 Pages Router 构建全栈 ReactJS + NextJS 应用程序！
你将会学到的
- 学习如何使用 NextJS 14 和 App Router 构建全栈 React 应用程序
- 通过实践项目和示例应用所学知识来构建真实项目
- 了解构建 NextJS 应用的不同方法 – App Router 与 Pages Router
- 开始使用 React 服务器组件、客户端组件、数据获取等内容！
- 通过服务器动作处理数据提交
- 学习所有关键的 NextJS 特性，如预渲染、SSR、数据获取、基于文件的路由和认证
- 完整地学习整个课程，或者如果时间有限，可以选择“NextJS 摘要”模块进行快速入门
要求
- 强烈建议具备 ReactJS 知识，但课程还包括完整的 React 复习模块
- 无需先前的 NextJS 知识
说明
2023 年 12 月更新：
- 新增了一个全新的巨大章节（包括一个全新的演示项目），深入介绍了 NextJS 14 和“App Router”！
- 涵盖了 React 服务器组件、服务器动作等内容
- 讲解了如何在 S3 上上传和存储文件
- 完全更新了“React 复习”部分
- 无需先前的 NextJS 知识 – 我会在本课程中向您介绍“App Router”是什么！
加入这门最畅销的 NextJS 课程，学习如何使用 React 和 NextJS 构建高度动态、超快速和 SEO 友好的 React 应用程序！
本课程涵盖了 NextJS 的“App Router”和“Pages Router” – 这两种不同的方法用于构建具有 React 的全栈应用！当然，您将学习这两种方法是什么，为什么存在这两种不同的方法以及每种方法的工作原理！
我曾经创建了 Udemy 上最畅销的 React 课程，现在我非常兴奋能与您分享这门关于 NextJS 的课程 – 这是一门深入的课程，讲解了一款令人惊叹的 React 框架，它可以让您成为 React 开发者的下一个步骤，并使用 React 和 Next.js 构建真实的、可投入生产的项目！
Next.js 是用于 ReactJS 的生产就绪、全栈功能框架 – 它是目前最受欢迎的 JavaScript 库！
对于您的口味来说，可能有太多流行的词语？好吧 – 但确实，NextJS 是 React 开发者成长的绝佳选择，可以帮助您将 React 应用程序提升到一个新的水平！
因为 NextJS 正在快速增长，因此需求量很大。而且这其中有很多充分的理由：NextJS 允许您构建具有内置服务器端渲染和页面预渲染的 React 应用。构建出色的用户体验和搜索引擎友好（SEO！）的 React 应用从未如此轻松过！
同时非常容易！可以混合客户端和服务器端代码，并且可以与您的前端 React 应用并行构建基于 NodeJS 的 API。使用 NextJS，这一切都十分轻松！
想要添加身份验证吗？NextJS 也简化了这个过程，使用户注册、登录和会话管理变得非常方便。
本课程将帮助您在很短的时间内从 NextJS 初学者迅速进阶到高级水平！
我们将从最基础的知识开始，完全不需要任何 NextJS 知识，然后逐步深入探讨构成 NextJS 的所有核心功能。无论是理论还是多个真实项目，都会逐步应用所有概念。
在学习本课程之前，您需要具备基本的 React 知识，尽管课程中也包含了“React 复习”模块，以防您已有一段时间没有使用 React 了。
本课程还包括“NextJS 摘要”模块，涵盖了 Pages 路由，以及“NextJS 基础”模块，涵盖了 App 路由 – 这样一来，您可以随时回到课程中，无需重新学习整个课程即可刷新知识。或者您只需学习这些摘要模块（暂时跳过其余内容），以尽可能短的时间了解所有核心功能。
完成本课程后，您将完全有能力从零开始构建自己的 NextJS 项目，并申请 NextJS 相关职位！
具体而言，本课程将涵盖以下内容：
- 什么是 NextJS？为什么要使用它？
- 在许多情况下，为什么仅使用 React 还不够？
- 从零开始创建 NextJS 项目并理解这些项目
- 使用基于文件的路由进行工作
- 添加动态路由和捕获所有路由
- 实现不同形式的页面预渲染和服务器端渲染
- 处理数据，并向应用程序添加数据获取和预获取
- 使用服务器动作处理表单提交
- 处理文件上传
- 预生成动态和静态页面
- 向页面添加元数据等优化
- 使用 NextJS Image 组件优化图像
- 使用 API 路由或服务器动作构建全栈应用
- 在 NextJS 应用中使用 React 上下文管理应用程序范围的状态
- 为 NextJS 应用添加身份验证
- 多个完整的应用程序示例，我们将应用所有这些核心概念！
- 一个完整的 React.js 复习模块（以确保我们都掌握相同的知识）
- 一个 NextJS 摘要模块，以便您可以快速刷新所学内容或探索核心功能
- 以及更多！
此课程面向哪些人：
- 希望迈出下一步、构建可投入生产的 React 应用程序的 React 开发人员
- 目标是构建全栈 React 应用程序的 React 开发人员
- 一般的 Web 开发人员，希望使用最受欢迎且需求量很大的技术堆栈
