strapi_使用Strapi和GatsbyJS创建一个全栈式网站

strapi

Strapi is the most popular open-source Headless CMS and is based on Node.js. Gatsby allows developers to quickly build very fast static websites and apps. You can combine then to create a full-stack website using mostly JavaScript.

Strapi是最流行的开源Headless CMS，它基于Node.js。 Gatsby允许开发人员快速构建非常快速的静态网站和应用。 然后，您可以结合使用大多数JavaScript来创建一个完整的网站。

We've released a full course to help you learn to use Gatsby and Strapi to code a portfolio project. The course was developed by John Smilga, who is an experienced teacher and course creator.

我们已经发布了完整的课程，以帮助您学习使用Gatsby和Strapi编写项目组合代码。 该课程由经验丰富的老师兼课程创建者John Smilga开发。

The project includes a portfolio page with dynamically updated text pulled in from Strapi through a query. You will learn how to implement toggles, a hero section, links, articles, multiple pages and more. The project is fully responsive.

该项目包括一个投资组合页面，该页面具有通过查询从Strapi提取的动态更新文本。 您将学习如何实现切换，英雄部分，链接，文章，多页等等。 该项目是完全响应的。

Much of the content will be created programmatically from markdown files using GatsbyJS. The project also integrates Formspree to collect form data.

许多内容将使用GatsbyJS通过markdown文件以编程方式创建。 该项目还集成了Formspree以收集表单数据。

Besides learning the basics of building a full-stack site with Gatstby and Strapi, you will also learn about the following topics:

除了学习使用Gatstby和Strapi构建全栈站点的基础知识之外，您还将学习以下主题：

• Google Fonts
  Google字体
• Deploying with Digital Ocean
  与数字海洋一起部署
• Search Engine Optimization
  搜索引擎优化
• Gatsby Browser
  盖茨比浏览器
• Sitemaps
  网站地图

Watch the full course on the freeCodeCamp.org YouTube channel (5 hour watch).

在freeCodeCamp.org YouTube频道上观看完整的课程 (观看5小时)。

翻译自: https://www.freecodecamp.org/news/create-a-full-stack-website-with-strapi-and-gatsbyjs/

strapi