Next.js 示例 ( Next.js by Example )

教程演示🔗

您将在 Next.js 示例课程中学到什么：

• 使用 Next.js 开发 Web 应用程序
• 使用 styled-jsx 或 Tailwind CSS 设置组件样式
• 构建完全静态的网站或混合（静态 + SSR）应用程序
• 从远程 API 获取数据，例如 Headless CMS
• 实现基于 cookie 的 JWT 身份验证
• 使用 React Query 缓存数据

课程描述

第一个示例是一个个人博客网站，将向您介绍 Next.js 的基本概念，例如预渲染、基于文件系统的路由和水化。它将向您展示如何在构建时静态生成的页面中加载数据，以及如何在全局 CSS 文件中或使用提供组件范围样式的 styled-jsx 库来设置页面样式。
部署部分将为您提供在生产环境中运行应用程序的所有选项，从完全托管的无服务器平台（如 Vercel）到配置您自己的 Linux 服务器。
您将开发的第二个示例是商店网站。这将是一个更复杂的应用程序，它从 Headless CMS (Strapi) 加载数据并使用高级 Next.js 功能（例如增量静态再生）来自动反映后端数据的变化。
您将看到从外部 API 加载数据的不同方法，包括在 Next.js 中编写您自己的 API 路由，以及如何根据您的特定要求选择最佳方法。
该示例将包括一个基于 JWT 和 cookie 的安全身份验证系统，并且 React Query 库将用于在客户端缓存数据。
提供了所有示例的完整源代码，并提供了一种简单的方法来查看每节课中所做的更改。
该课程是最新的 Next.js 版本，即 12。

本课程适合哪些人？

• 想要使用 Next·js 构建静态或混合（静态 + SSR）Web 应用程序的 React/Web 开发人员

课程描述

出版商：Udemy 讲师：Mirko Nasato 语言：英语 培训级别：入门到高级 课程数量：99 培训时长：8 小时 20 米

2022/12 课程内容

要求

• 熟悉现代网络开发：HTML、CSS、JavaScript、npm
• 熟悉 React，包括 useState 和 useEffect 钩子

图片

简单视频

媒体错误：格式不受支持或来源未找到

安装指南

Extract 后，用您最喜欢的播放器观看。
字幕：英语
画质：720p
变化：
2022/5版本相比2021/9增加了6节课，时长增加了17分钟。
2022/11版本相比2022/5增加了1课时数和1分钟时长。