Logo
☆☆☆☆☆
0.0
Beginner
11h

使用 Next.js 构建全栈 Web 应用

Next.js 是一个用于构建快速、可扩展的 Web 应用程序的生产就绪 React 框架,具备内置的路由、渲染和数据获取功能。它广泛应用于现代全栈应用中,尤其在性能、开发者体验和可维护性至关重要的场景。 在本课程中,你将学习 Next.js v16 的独特之处,以及为何 App Router 成为新项目的默认选择。你将探索应用结构、灵活路由、布局、并行路由与拦截路由、React Server Components 以及使用 Suspense 实现的流式传输。课程还涵盖渲染策略(SSG、SSR、ISR)、样式处理、图像优化、服务器动作、路由处理器、中间件(代理)以及身份验证。 课程结束时,你将能够使用现代 React 特性构建全栈 Next.js 应用,并完成一个综合项目,将所学知识融会贯通。

10 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
使用 Next.js 构建全栈 Web 应用
Next.js 是一个用于构建快速、可扩展的 Web 应用程序的生产就绪 React 框架,具备内置的路由、渲染和数据获取功能。它广泛应用于现代全栈应用中,尤其在性能、开发者体验和可维护性至关重要的场景。 在本课程中,你将学习 Next.js v16 的独特之处,以及为何 App Router 成...

WHAT YOU'LL LEARN

对 Next.js 作为生产环境应用的全栈 React 框架的实际理解

Content

10 Lessons • 0 Quizzes • 0 Challenges

Next.js 入门
  1. 1

    什么是 Next.js 以及为什么使用它

  2. 2

    App Router vs. Pages Router

  3. 3

    创建并运行 Next.js 项目

使用 App Router 进行路由
  1. 1

    创建路由和布局

  2. 2

    动态段、捕获所有段和并行段

  3. 3

    路由分组与就近组织

  4. 4

    使用 App Router API 进行导航

  5. 5

    上下文 UI 的路由拦截

  6. 6

    测验:使用 App Router 进行路由

结论
  1. 1

    巩固你的知识并下一步行动

使用 React 服务器组件进行渲染
  1. 1

    React Server Components 与 Client Components

  2. 2

    使用 Suspense 边界进行流式传输

  3. 3

    优雅的错误处理模式

  4. 4

    测验:使用 React 服务器组件进行渲染

数据获取与渲染模式
  1. 1

    静态渲染与缓存基础

  2. 2

    服务器端渲染 (SSR)

  3. 3

    混合方法:ISR 与重新验证

  4. 4

    测验:数据获取与渲染模式

样式化与图片优化
  1. 1

    全局样式与 CSS Modules

  2. 2

    在 Next.js 中使用 Tailwind CSS

  3. 3

    使用 next/image

  4. 4

    测验:样式与图像优化

状态管理与客户端功能
  1. 1

    本地状态与上下文

  2. 2

    使用 Zustand 管理全局状态

  3. 3

    客户端数据获取与 SWR

  4. 4

    使用 useTransition 和 useActionState 构建非阻塞用户界面

  5. 5

    将服务器数据注入客户端上下文

  6. 6

    从服务器错误中恢复

  7. 7

    测验:状态管理与客户端功能

Server Actions、表单与变更
  1. 1

    Server Actions 基础

  2. 2

    使用 Server Actions 构建响应式表单

  3. 3

    使用 useOptimistic 的乐观 UI

  4. 4

    表单验证以处理预期错误

  5. 5

    服务器动作中的安全加固

  6. 6

    测验:服务器动作、表单与变更

路由处理器、代理与身份认证
  1. 1

    使用路由处理器构建 API 端点

  2. 2

    使用 Next.js 代理控制请求

  3. 3

    使用 NextAuth.js 实现端到端认证

  4. 4

    测验:路由处理器、代理与认证

附录
  1. 1

    附录 A:创建一个 GitHub OAuth 应用

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)