Next.js 开发到部署课程

通过构建音乐活动网站来学习 Next.js

讲师：Brad Traversy

独家Udemy付费课程，中英文字幕，课程资料包齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将会学到的

• 从头到尾构建一个音乐事件应用程序
• 学习 NextJS 的基础知识
• 使用 Strapi CMS 创建后端
• JWT 身份验证/HttpOnly Cookie 存储
• 使用 Cloudinary 进行分页、搜索、图片上传
• 使用 Markdown 构建具有分页、搜索和类别的静态博客
• 使用 Vercel 部署到生产环境

课程内容

13 个章节 • 79 个讲座 • 总时长 9 小时 45 分钟展开所有章节

介绍5 个讲座 • 14 分钟

Next.js 基础知识8 个讲座 • 50 分钟

数据获取5 个讲座 • 47 分钟

Strapi 后端3 个讲座 • 22 分钟

事件功能 – 第 1 部分6 个讲座 • 45 分钟

事件功能 – 第 2 部分5 个讲座 • 51 分钟

身份验证、JWT 和 HttpOnly Cookie8 个讲座 • 1 小时 11 分钟

授权和访问6 个讲座 • 42 分钟

附加和部署3 个讲座 • 41 分钟

项目 2 – DevSpace 静态 Markdown 博客8 个讲座 • 41 分钟

获取、解析和显示 Markdown 帖子7 个讲座 • 54 分钟

分页和类别页面7 个讲座 • 1 小时 1 分钟

搜索、缓存帖子和部署8 个讲座 • 48 分钟

要求

• 现代 JavaScript
• React 的基础知识

说明

Next.js 是一个用于构建服务器端渲染的 React 网站以及静态网站的框架。这是一个基于项目的课程，用于学习 Next.js。我们将构建一个音乐活动应用程序，为你提供创建自己的应用程序所需的基础知识。我们将使用 Strapi（无头 CMS）作为我们的后端，但你也可以使用任何东西

我们将学习 Next.js 的基础知识，例如…

• 页面和路由
• 数据获取方法 – getServerSideProps、getStaticProps、getStaticPaths
• 自定义 API 路由
• 静态生成
• CSS 样式
• 图像优化

在我们的主要项目中，我们还将与…

• CMS 带
• 使用 JWT（JSON Web 令牌）进行身份验证
• 授权和访问控制
• 在服务器上存储 HttpOnly Cookie
• 分页、搜索过滤器等
• 使用 Cloudinary 集成上传图片
• 部署到 Vercel 和 Heroku

Next.js 也可用于创建“静态网站”。第二个项目是一个名为 Devspace 的静态博客

• TaiilwindCSS 集成
• 静态数据获取/生成
• 使用 Frontmatter 创建、获取和解析 Markdown
• 具有 API 路由/无服务器功能的搜索功能
• 后缓存
• Git Hooks 与 Husky
• 部署到 Vercel

在参加本课程之前你应该知道什么？

你应该了解 JavaScript 基础知识和现代 JavaScript 功能，如箭头函数、重组、展开运算符

你还应该了解 React 的基础知识。我不会解释诸如组件、道具、JSX 之类的东西

资源：

所有最终代码都将在项目 repos 中提供，所有需要的资源将在各个部分中提供

此课程面向哪些人：

• 想学习 NextJS 的人
• 学习使用 CRUD、分页、身份验证等构建全栈应用程序的基础