Logo
☆☆☆☆☆
0.0
Intermediate
5h

Next.js — 构建 React 应用的终极方式

React 是一个出色的框架,能够帮助你构建在速度、功能和易用性方面无与伦比的前端应用。然而,React 在搜索引擎优化方面存在不足,而这正是 Next.js 的优势所在。 在本课程中,你将学习如何使用 giphy.com 的 API 构建一个 Giphy 搜索应用。课程开始时,你将掌握如何对 Next.js 页面进行静态优化,为用户带来极快的加载体验。随后,你将深入学习构建 Giphy 搜索应用的核心机制。 在课程的后半部分,你将学习如何进行 SEO 优化。学完本课程后,你不仅能够将这一优秀的框架添加到简历中,还能为自己的作品集增添一个亮眼的新应用。

6 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
Next.js — 构建 React 应用的终极方式
React 是一个出色的框架,能够帮助你构建在速度、功能和易用性方面无与伦比的前端应用。然而,React 在搜索引擎优化方面存在不足,而这正是 Next.js 的优势所在。 在本课程中,你将学习如何使用 giphy.com 的 API 构建一个 Giphy 搜索应用。课程开始时,你将掌握如何对 N...

WHAT YOU'LL LEARN

使用 Next.js 与 React 构建一个基于 giphy.com API 的 Giphy 搜索应用

Content

6 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    Next.js 是一个 React 框架

  2. 2

    客户端渲染与服务器端渲染

  3. 3

    搜索引擎优化(SEO)

  4. 4

    核心特性测验

入门指南
  1. 1

    Giphy 搜索应用预览

  2. 2

    初始化一个新项目

  3. 3

    进行你的第一次修改

  4. 4

    让 Next.js 更易于使用

  5. 5

    运行 Next.js 和初学者测验

开发工具与预渲染
  1. 1

    静态优化指标

  2. 2

    预渲染的类型

  3. 3

    预渲染知识测验

应用开发
  1. 1

    无数据的静态生成页面

  2. 2

    Giphy API 与数据获取

  3. 3

    带有数据的静态生成页面

  4. 4

    处理表单

  5. 5

    页面加载完成后获取数据

  6. 6

    动态路由

  7. 7

    带数据的服务器端渲染页面

  8. 8

    链接

  9. 9

    组件

  10. 10

    你准备好构建你的应用程序测验了吗?

搜索引擎优化
  1. 1

    头部和元信息优化

  2. 2

    图片优化

  3. 3

    Next.js SEO 测验

结论
  1. 1

    接下来该怎么做?

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)