Logo
☆☆☆☆☆
0.0
Beginner
8h

使用 Next.js 和 Strapi CMS 构建 Jamstack 应用程序

Jamstack 提出了一种创建灵活、安全且性能高效的网络应用的架构。本课程采用教程式方法，教你如何使用 Next.js 和 Strapi 构建一个完整的 Jamstack 应用。 本课程将向你介绍 Jamstack 以及它与传统网络应用的区别。你将学习 Next.js 的相关知识，并了解如何创建静态网站。在此过程中，你将创建一个食谱应用，通过 TheMealDB API 获取食谱列表。你还将集成 Strapi 作为无头 CMS，实现用户认证功能，并允许用户保存他们喜欢的食谱。课程最后，你将完成一个项目，使用 Strapi 和 Next.js 实现用户认证，并允许用户为自己创建、检索、更新和删除笔记。 完成本课程后，你将全面掌握 Strapi 和 Next.js，能够构建灵活、安全且性能高效的网络应用。

7 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
View Courses in Subscription
使用 Next.js 和 Strapi CMS 构建 Jamstack 应用程序
Jamstack 提出了一种创建灵活、安全且性能高效的网络应用的架构。本课程采用教程式方法，教你如何使用 Next.js 和 Strapi 构建一个完整的 Jamstack 应用。 本课程将向你介绍 Jamstack 以及它与传统网络应用的区别。你将学习 Next.js 的相关知识，并了解如何创建...

WHAT YOU'LL LEARN

对 Next.js 相关核心概念的全面理解

Content

7 Lessons • 0 Quizzes • 0 Challenges

简介
  1. 1

    课程简介

  2. 2

    我们将构建的内容

使用 Jamstack 入门
  1. 1

    什么是 Jamstack？

  2. 2

    标记和静态站点生成器

  3. 3

    JavaScript 和 APIs

  4. 4

    无头内容管理系统

  5. 5

    测验：开始使用 Jamstack

结论
  1. 1

    课程摘要

  2. 2

    结语

Next.js 基础
  1. 1

    Next.js 入门

  2. 2

    路由

  3. 3

    动态路由

  4. 4

    挑战：路由

  5. 5

    解决方案：路由

  6. 6

    资源与元数据

  7. 7

    测验：Next.js 基础

使用 Next.js 进行静态站点生成
  1. 1

    预渲染

  2. 2

    静态生成

  3. 3

    动态路由的静态生成

  4. 4

    回退选项

  5. 5

    添加搜索功能

  6. 6

    在 Netlify 上部署静态网站

  7. 7

    服务器端渲染

  8. 8

    测验：使用 Next.js 进行静态站点生成

使用 Strapi 作为无头 CMS
  1. 1

    开始使用 Strapi

  2. 2

    内容管理器与内容类型

  3. 3

    Strapi 的内容类型构建器

  4. 4

    Strapi 中的关系字段

  5. 5

    使用 Strapi API 端点

  6. 6

    测验：将 Strapi 用作无头 CMS

构建完整的应用程序
  1. 1

    应用需求

  2. 2

    创建认证前端

  3. 3

    允许用户添加收藏

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)