2024 年成为完整的 Next.js 开发人员
更新了 Next.js 14！使用现代最佳实践向行业专家学习 Next.js。这是您学习 Next.js、从头开始构建企业级 React 应用程序（包括 Netflix 克隆！）并在 2024 年受聘成为 Next.js 开发人员所需的唯一 Next.js 教程 + 项目课程。从零到 Next。 js 精通。
讲师：Andrei Neagoie & Ankita Kulkarni
口袋资源独家ZTM/Udemy付费课程，独家中英文字幕，配套资料齐全！ 用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。
课程大纲
使用 2024 年最新的 Next.js 功能，我们向您保证这是关于 Next.js 和 React 最全面的在线课程。您将通过与资深行业专业人士一起逐步构建实际项目（包括大型 Netflix 克隆应用程序）来学习 Next.js。
你将学到什么
- 构建真正的企业级 NextJS 应用程序并将其部署到生产环境
- 了解 NextJS 生态系统中的最新功能和工具，包括：SWR (React Hooks)、Hasura、Serverless Functions、Vercel、Framer Motion 等
- 作为 NextJS 开发人员使用 GraphQL
- 设置身份验证和用户帐户（包括无密码登录！）
- 了解 SEO 以及如何使用 NextJS 让您的应用程序在 Google 上排名
- 通过做出良好的架构决策并帮助团队中的其他人来学习领导 Next JS 项目
- 学习像高级开发人员一样构建反应式、高性能、大规模应用程序
- 学习不同的渲染技术：静态站点生成、服务器端渲染、增量静态再生、水合等。
- 成为前 10% NextJS 开发者
- 使用 Airtable（流行度呈爆炸式增长）构建全栈应用程序
- 从头开始掌握 NextJS 开发人员的最新生态系统
- 使用最新的 ES6 / ES7 / ES8 / ES9 / ES10 / ES2020 / ES2021 JavaScript 编写干净的代码
这个 Next.js 课程的重点是效率。因此，您再也不用在令人困惑、过时、不完整的教程上浪费时间了。
相反，我们将帮助您超越基础知识，以便您可以使用最新版本的 Next.js 构建现代的企业级应用程序。
您将在好的伙伴中学习 Next.js。
今天注册，您还可以加入我们独家的实时在线社区课堂，与数千名学生、校友、导师、助教和讲师一起学习。
积极的。熙。支持。有帮助。友好的。激励人心。基本的。
这些只是学生用来描述 ZTM Discord 的几个词，ZTM Discord 也是 Discord 上最大、最活跃的开发者社区之一。
最重要的是，您将向行业专业人士（Ankita 和 Andrei）学习，他们作为在硅谷和多伦多顶级公司工作的高级工程师，拥有使用 Next.js 的实际经验。 Ankita 也是主要 Next.js 和 React 会议的定期演讲者和讲师。
这个基于项目的课程将向您介绍 2024 年 Next.js 开发人员的现代工具链。
在此过程中，您将使用 React Hooks、Hasura (GraphQL)、Context API、Airtable、Serverless Functions、Framer Motion、Vercel 等构建一个大型 Netflix 克隆应用程序。
这是一个全栈应用程序，与您在大多数 Next.js 在线教程中找到的应用程序不同！
所有代码均按步骤提供，因此即使您不喜欢一起编码，您也可以访问完整的主项目代码（提醒…构建 Netflix！）以添加到您的投资组合中。
以下是本课程将带您从零到精通 Next.js 的内容
该课程非常实用，我们将引导您从开始到结束发布专业的 Next.js 项目直至投入生产。 我们从头开始教您 Next.js 基础知识。 但我们并不止于此，我们将深入探讨高级主题，以便您可以为未来的任何 NextJS 项目的架构和工具做出正确的决策。以下是您将学习的所有主题的快速浏览：
1.Next.js 基础知识 我们将比较 Next.js 与 React，并了解 Next.js 提供的优势。您将了解为什么 Next.js 如此受欢迎以及 JAM Stack 的含义。本节将为您学习本课程的其余部分奠定基础。 2. 构建您的第一个 Next.js 应用程序 |咖啡鉴赏家项目 您将立即构建您的第一个项目。该项目的目标是教您 Next.js 的基础知识。本节重点介绍项目设置、CSS 模块、快速刷新、项目设置等基础知识。 3. 使用 Next.js 进行路由 |咖啡鉴赏家 您将了解有关路由的所有内容，例如动态路由、索引路由、命名路由和链接组件。 4. Next.js 中的样式 |咖啡鉴赏家 本节将教您如何使用 css 模块、单独的组件样式和全局样式来设计应用程序的样式。 5. Next.js 中的水合、SEO 和不同的渲染技术 本课程最重要的部分之一。本节将教您什么是 SEO、Next.js 如何帮助 SEO、不同的渲染技术是什么，例如：静态站点生成、服务器端渲染、增量静态重新生成（以及它们有何不同）、客户端渲染，以及什么是水合作用。 6.静态咖啡店页面|咖啡鉴赏家 您将详细了解静态渲染以及如何选择静态渲染的内容。您将向 Foursquare 发出 API 请求并使用 SSG 渲染这些请求。 7. 按地点划分的咖啡店 |咖啡鉴赏家 Next.js 允许您在选择静态渲染时使用不同的后备。本节将深入讨论这一点。您还将了解如何检索用户位置并使用 Context API。 8. 无服务器功能 |咖啡鉴赏家 什么是无服务器功能？我们为什么使用它们以及何时使用它们？您将创建无服务器函数来检索静态咖啡店。 9. 使用 Airtable 存储咖啡店数据 |咖啡鉴赏家 您将了解使用 Airtable 进行数据库存储。我们将把咖啡店数据存储在 Airtable 中，并在这里学习客户端渲染。 10. SWR 与客户端渲染 |咖啡鉴赏家 什么是驻波比？什么时候使用它？我们将使用 Next.js 库进行 SWR，并在本节中使用 SWR 和客户端渲染。 11.部署和构建优化|咖啡鉴赏家 将您的应用程序部署到 Vercel 以及 Netlify。您将了解不同的云提供商是什么、Vercel 有何不同、Lighthouse 是什么以及如何提高 Next.js 中的性能。 12. 项目设置|使用 Next.js 项目构建 Netflix 这是一件大事！您将开始为主要项目做准备。本节是关于设置我们的 Netflix 项目。 13. Netflix 主页和视频 |使用 Next.js 构建 Netflix 您将构建主页并使用服务器端渲染。您将学习如何服务器呈现内容以及如何调用 YouTube API 来获取视频列表并将其显示在主页上。 Netflix 中的卡片组件很复杂，因此您还将学习一些成帧器运动来构建卡片组件。 14. 用魔法进行身份验证 |使用 Next.js 构建 Netflix Auth 在 Next.js 中如何工作？我们将在下一步中使用无密码登录，并通过适当的身份验证和验证构建登录页面。 15.增量静态再生|使用 Next.js 构建 Netflix 在主页上显示视频并使用 ISR 将模式构建为页面。您将了解有关增量静态生成的更多信息以构建此模式。 16.Hasura GraphQL |使用 Next.js 构建 Netflix 您将了解什么是 GraphQL、Hasura 以及 Hasura 架构的样子。我们将在 Hasura 环境中设置该项目。 17. 使用 Hasura 进行身份验证 |使用 Next.js 构建 Netflix 您将了解身份验证流程架构的工作原理并介绍服务器端 SDK 来登录用户。 18. 评级服务和收藏视频页面 |使用 Next.js 构建 Netflix 您将设置 Hasura 进行评级服务，创建评级 API 来喜欢和不喜欢视频，并构建我的列表页面来显示喜爱的视频列表。 19. 部署到生产环境 | Netflix 与 Next.js 创建最终的 GitHub 存储库，设置存储库，最后部署到 Vercel！ 20.附录：React简介 这是一个可选部分，适合那些需要了解 React.js 和 React Hooks 的入门知识的人，以帮助您做好充分利用本课程的准备。 最好的部分是什么？ 本课程将随着环境的变化而不断发展和更新。 正如 NextJS 生态系统的发展一样，本课程也将不断发展并为您更新新的讲座和资源。 因此，您可以随时返回本课程，了解最新的 NextJS 最佳实践。底线是什么？
本课程并不是要让您在不理解原理的情况下只是编写代码，这样当您完成本课程时，除了观看另一个教程之外，您不知道该怎么做……不！ 本课程将推动您并挑战您从 Next.js 的绝对初学者成为 Next.js 和 React 开发人员中排名前 10% 的人 💪。 我们怎么知道？ 因为成千上万的“零到精通”毕业生已经被录用，现在就职于谷歌、特斯拉、亚马逊、苹果、IBM、摩根大通、Facebook、Shopify 等顶级科技公司。 他们来自不同的背景、年龄和经历。许多人甚至是从完全的初学者开始的。 所以没有理由它不能是你。 而且你没有什么可失去的。因为您可以立即开始学习，如果本课程未达到您的预期，我们将在 30 天内向您退款 100%。没有麻烦，也没有问题。声明：口袋资源网（koudaizy.com）提供的所有课程、素材等资源全部来源于互联网，赞助VIP仅用于对口袋资源服务器带宽及网站运营等费用支出做支持，从本站下载资源，说明你已同意本条款。
