Name: 使用 Next.js 构建动态网页应用
Availability: InStock

Content

15 Lessons • 0 Quizzes • 0 Challenges

开始之前

1
课程概览

探索 Next.js：简明入门指南

1
概览：探索 Next.js
2
Next.js 简介
3
将 Next.js 与其他替代方案进行比较
4
Next.js 项目结构
5
TypeScript 集成
6
摘要：探索 Next.js
7
测验：Next.js 简介

不同的部署平台

1
概览：不同的部署平台
2
不同部署平台简介
3
部署到 Vercel 平台
4
将静态网站部署到CDN
5
在任何服务器上部署 Next.js
6
总结：不同的部署平台
7
测验：不同的部署平台

探索不同的渲染策略

1
概览：探索不同的渲染策略
2
服务器端渲染（SSR）
3
客户端渲染（CSR）
4
静态站点生成
5
摘要：探索不同的渲染策略
6
测验：探索不同的渲染策略
7
练习：使用 Next.js 实现动态博客展示
8
解决方案：使用 Next.js 实现动态博客展示

管理身份验证和用户会话

1
概览：管理身份验证与用户会话
2
用户会话与身份验证简介
3
自定义身份验证：优点、缺点与隐患
4
使用 Auth0 实现身份验证
5
摘要：管理身份验证与用户会话
6
测验：管理身份验证和用户会话

Next.js 基础知识与内置组件

1
概览：Next.js 基础知识与内置组件
2
路由系统
3
客户端导航
4
提供静态资源
5
处理元数据
6
分组常见的元标签
7
自定义 _app.js 和 _document.js 页面
8
摘要：Next.js 基础知识与内置组件
9
测验：Next.js 基础知识与内置组件

使用 Next.js 和 GraphCMS 构建电子商务网站

1
概览：使用 Next.js 和 GraphCMS 构建电子商务网站
2
为现代网络打造电子商务网站
3
设置 GraphCMS
4
创建商店首页、购物车和商品详情页面
5
使用 Stripe 处理支付
6
摘要：使用 Next.js 和 GraphCMS 构建电子商务网站
7
测验：使用 Next.js 和 GraphCMS 构建电子商务网站

动手实践 Next.js

1
概览：动手实践 Next.js
2
组织文件夹结构
3
数据获取
4
在客户端获取数据
5
使用 GraphQL API
6
摘要：实战Next.js
7
测验：动手实践 Next.js

总结

1
结论

在 Next.js 中管理本地状态和全局状态

1
概览：在 Next.js 中管理本地状态和全局状态
2
局部状态管理与全局状态管理
3
使用上下文 API
4
使用 Redux
5
摘要：在 Next.js 中管理本地状态和全局状态
6
测验：在 Next.js 中管理本地状态和全局状态
7
练习：表单验证与上下文管理
8
解决方案：表单验证与上下文管理

CSS 和内置样式方法

1
概览：CSS 与内置样式方法
2
探索与使用 Styled JSX
3
CSS 模块
4
将 SASS 与 Next.js 集成
5
总结：CSS 与内置样式方法
6
测验：CSS 与内置样式方法
7
练习：使用 Styled JSX 自定义样式
8
解决方案：使用 Styled JSX 实现自定义样式

使用用户界面框架

1
概览：使用用户界面框架
2
将 Chakra UI 与 Next.js 集成
3
使用 Chakra UI 和 Next.js 构建员工目录
4
在 Next.js 中集成 Tailwind CSS
5
将 Headless UI 与 Next.js 集成
6
摘要：使用用户界面框架
7
测验：使用用户界面框架
8
练习：使用用户界面框架
9
解决方案：使用用户界面框架

使用自定义服务器

1
概览：使用自定义服务器
2
使用自定义服务器
3
使用自定义的 Express.js 服务器
4
使用自定义 Fastify 服务器
5
摘要：使用自定义服务器
6
测验：使用自定义服务器
7
练习：构建一个 Express.js 服务器
8
解决方案：构建一个 Express.js 服务器

测试 Next.js

1
概览：测试 Next.js
2
测试入门
3
运行单元测试和集成测试
4
端到端测试：Cypress
5
摘要：测试 Next.js
6
测验：测试 Next.js
7
练习：使用 Jest 排查 Next.js 组件问题
8
解决方案：使用 Jest 排查 Next.js 组件问题

处理SEO及性能管理

1
概览：SEO操作与性能管理
2
SEO与性能：入门介绍
3
从性能和SEO角度探讨的渲染策略
4
私有路由
5
处理SEO
6
摘要：SEO与性能管理
7
测验：处理SEO及性能管理

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

使用 Next.js 构建动态网页应用

WHAT YOU'LL LEARN

Content

1. 开始之前熟悉 Next.js，了解其目标用户以及动态网页应用开发的基础概念。

课程概览

2. 探索 Next.js：简明入门指南了解 Next.js 中的关键概念，如服务器端渲染、静态生成和项目结构。

概览：探索 Next.js

Next.js 简介

将 Next.js 与其他替代方案进行比较

Next.js 项目结构

TypeScript 集成

摘要：探索 Next.js

测验：Next.js 简介

3. 不同的部署平台根据项目需求选择合适的部署平台，以实现最佳性能。

概览：不同的部署平台

不同部署平台简介

部署到 Vercel 平台

将静态网站部署到CDN

在任何服务器上部署 Next.js

总结：不同的部署平台

测验：不同的部署平台

4. 探索不同的渲染策略逐步掌握 Next.js 中的渲染策略，包括动态内容的 SSR、CSR 和 SSG。

概览：探索不同的渲染策略

服务器端渲染（SSR）

客户端渲染（CSR）

静态站点生成

摘要：探索不同的渲染策略

测验：探索不同的渲染策略

练习：使用 Next.js 实现动态博客展示

解决方案：使用 Next.js 实现动态博客展示

5. 管理身份验证和用户会话在 Next.js 中管理身份验证和用户会话，以构建安全高效的 Web 应用程序。

概览：管理身份验证与用户会话

用户会话与身份验证简介

自定义身份验证：优点、缺点与隐患

使用 Auth0 实现身份验证

摘要：管理身份验证与用户会话

测验：管理身份验证和用户会话

概览：Next.js 基础知识与内置组件

路由系统

客户端导航

提供静态资源

处理元数据

分组常见的元标签

自定义 _app.js 和 _document.js 页面

摘要：Next.js 基础知识与内置组件

测验：Next.js 基础知识与内置组件

7. 使用 Next.js 和 GraphCMS 构建电子商务网站使用 Next.js、GraphCMS 和 Stripe 构建一个完整的电子商务网站，实现无缝交易。

概览：使用 Next.js 和 GraphCMS 构建电子商务网站

为现代网络打造电子商务网站

设置 GraphCMS

创建商店首页、购物车和商品详情页面

使用 Stripe 处理支付

摘要：使用 Next.js 和 GraphCMS 构建电子商务网站

测验：使用 Next.js 和 GraphCMS 构建电子商务网站

8. 动手实践 Next.js解决 Next.js 应用中数据的组织与获取问题。

概览：动手实践 Next.js

组织文件夹结构

数据获取

在客户端获取数据

使用 GraphQL API

摘要：实战Next.js

测验：动手实践 Next.js

9. 总结提升你在 Next.js 核心功能、最佳实践以及持续学习方面的技能。

结论

10. 在 Next.js 中管理本地状态和全局状态使用 Context API 和 Redux 在 Next.js 中处理状态管理，以实现动态的用户界面更新。

概览：在 Next.js 中管理本地状态和全局状态

局部状态管理与全局状态管理

使用上下文 API

使用 Redux

摘要：在 Next.js 中管理本地状态和全局状态

测验：在 Next.js 中管理本地状态和全局状态

练习：表单验证与上下文管理

解决方案：表单验证与上下文管理

11. CSS 和内置样式方法在 Next.js 中通过 Styled JSX、CSS Modules 和 SASS 集成来增强样式处理能力。

概览：CSS 与内置样式方法

探索与使用 Styled JSX

CSS 模块

将 SASS 与 Next.js 集成

总结：CSS 与内置样式方法

测验：CSS 与内置样式方法