11) Learn Gatsby w/ Strapi - Deploy Gatsby to Netlify

preview_player
Показать описание
📢 Important Notice: This video uses Strapi v3, the older version of Strapi. We want to ensure you know that Strapi 4 is the latest version with new features, improvements, security patches, and updates.

Please refer to the resources listed below.

Learn how to create a Gatsby Blog using Strapi a node based open source headless CMS in this video tutorial series. In this video we prepare and deploy Gatsby to Netlify step-by-step.

This entire video series will take you step by step through creating a blog in Gatsby and teach you how to connect it to the open source headless CMS - Strapi.

Based on the updated June 2019 article (copy/paste code examples from here):

Important links:

Blog Post Read Along Section - for this Video:

Netlify Sign-up:

Netlify CLI Documentation -

This video DEMO url and Github:

Long-term Netlify Demo URL and Github:

All Videos in this tutorial series:

11 - Learn GatsbyJS with Strapi Headless CMS Tutorial Series - Deploy Gatsby to Netlify - THIS VIDEO
  1. Strapi
  2. Strapi
  3. headless CMS
  4. gatsby
  5. gatsbyjs
  6. react
Рекомендации по теме
11) Learn Gatsby 0:09:01

11) Learn Gatsby w/ Strapi - Deploy Gatsby to Netlify

12) Learn Gatsby 0:12:36

12) Learn Gatsby w/ Strapi - Webhooks w/ Gatsby & Strapi

5) Learn Gatsby 0:09:55

5) Learn Gatsby w/ Strapi - Setting up Gatsby

8) Learn Gatsby 0:08:09

8) Learn Gatsby w/ Strapi - Gatsby images & Author page

13) Learn Gatsby 0:33:42

13) Learn Gatsby w/ Strapi - Add Markdown Support

4) Learn Gatsby 0:03:18

4) Learn Gatsby w/ Strapi - Roles and Permissions

7) Learn Gatsby 0:08:27

7) Learn Gatsby w/ Strapi - Create the Article page view

3) Learn Gatsby 0:06:11

3) Learn Gatsby w/ Strapi - Content Types

2A) Learn Gatsby 0:02:24

2A) Learn Gatsby w/ Strapi - Administrators and Front-end Users

10) Learn Gatsby 0:07:55

10) Learn Gatsby w/ Strapi - Set-up Cloudinary & Netlify Predeploy

2) Learn Gatsby 0:04:17

2) Learn Gatsby w/ Strapi - Installation

9) Learn Gatsby 0:12:03

9) Learn Gatsby w/ Strapi - Deploy Strapi to Heroku

6) Learn Gatsby 0:10:15

6) Learn Gatsby w/ Strapi - Create the Index page view

9A) Learn GatsbyJS 0:02:42

9A) Learn GatsbyJS with Strapi - Configure again Permissions

8B) Learn Gatsby 0:02:07

8B) Learn Gatsby w/ Strapi - Specify Node Version

1) Learn Gatsby 0:01:42

1) Learn Gatsby w/ Strapi - Intro

Strapi Gatsby Tutorial 0:19:21

Strapi Gatsby Tutorial #2 - Setting up Gatsby

Build a Static 0:18:33

Build a Static Ecommerce Site with Gatsby, Strapi and Stripe - THEORY

Build An App 0:00:45

Build An App With Internationalization Using Gatsby and Strapi i18n Plugin Demo

Updates to Cypress, 0:01:48

Updates to Cypress, Jest, Apollo, Strapi, & Gatsby | JS Minute

Build fast with 1:31:21

Build fast with Strapi | CMBJS 2021: February Edition EP:1 (Online) #CMBJS

Adding Pagination to 0:11:31

Adding Pagination to your Gatsby blogs using gatsby-paginate

GraphQL Explained in 0:02:22

GraphQL Explained in 100 Seconds

Strapi Headless CMS 0:08:44

Strapi Headless CMS | GraphQL API

Комментарии
Автор

Et bien, j'espère vraiment que votre solution va décoller. C'est impressionnant là !

Suzn
Автор

Hello, the lessons are super! But when I deploy the application to netlify, an error occurs. Please help me decide. This is the log file.
4:29:34 PM: error # 85901 GRAPHQL
4:29:34 PM: There was an error in your GraphQL query:
4:29:34 PM: Cannot query field "allStrapiUser" on type "Query". Did you mean "allStrapiArticle"?
4:29:34 PM: File: gatsby-node.js: 60: 22

whitegoose
Автор

Any reason why you wouldn't also use Heroku to deploy the client/gatsby site?

jdwileymon
Автор

I'm using the NextJS framework to deploy to Netlify using Heroku. Where would I put the 'apiURL: process.env.DEPLOU_URL ? '' etc' since other frameworks like nextjs don't have a 'gatsby-source-strapi plugin?

RusticChaser
Автор

Really good tutorial, I've learn a lot so far, but still have one big question: Why do we need to upload Strapi on Heroku and Gatsby on Netlify ? If I get it right heroku act like a server (for hosting the API created with Strapi) and Netlify host Gatsby but Gatsby is SSR, this isn't possible to host everything on Heroku ?

alexbaker