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

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 create a new template for our individual blog articles and also learn the relationship between Strapi permissions, graphQL and Gatsby.

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:

All Videos in this tutorial series:

7. Learn Gatsbyjs with Strapi Headless CMS Video Tutorial Series - Create the Article page view - THIS VIDEO
  1. Strapi
  2. Strapi
  3. headless CMS
  4. gatsby
  5. gatsbyjs
  6. react
Рекомендации по теме
7) Learn Gatsby 0:08:27

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

8) Learn Gatsby 0:08:09

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

5) Learn Gatsby 0:09:55

5) Learn Gatsby w/ Strapi - Setting up Gatsby

12) Learn Gatsby 0:12:36

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

11) Learn Gatsby 0:09:01

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

6) Learn Gatsby 0:10:15

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

3) Learn Gatsby 0:06:11

3) Learn Gatsby w/ Strapi - Content Types

Strapi Gatsby Tutorial 0:20:00

Strapi Gatsby Tutorial #7 - Migrating to Neon Postgres Database

9) Learn Gatsby 0:12:03

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

4) Learn Gatsby 0:03:18

4) Learn Gatsby w/ Strapi - Roles and Permissions

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

13) Learn Gatsby 0:33:42

13) Learn Gatsby w/ Strapi - Add Markdown Support

8B) Learn Gatsby 0:02:07

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

2) Learn Gatsby 0:04:17

2) Learn Gatsby w/ Strapi - Installation

1) Learn Gatsby 0:01:42

1) Learn Gatsby w/ Strapi - Intro

How to Build 0:04:19

How to Build a Static Site with Gatsby and Strapi - Strapi and Gatsby Weekend Project

Strapi & GatsbyJS 5:17:22

Strapi & GatsbyJS Course - Portfolio Project

Build a Static 0:18:33

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

Strapi with Docker 0:03:13

Strapi with Docker 🚀

Gatsby + Strapi: 0:27:35

Gatsby + Strapi: From Getting Started to Cutting Edge

Connecting your Gatsby 0:09:07

Connecting your Gatsby App to Strapi

Strapi Gatsby Tutorial 0:20:13

Strapi Gatsby Tutorial #3 - Explaining the Gatsby Code

Strapi Gatsby Tutorial 0:19:21

Strapi Gatsby Tutorial #2 - Setting up Gatsby

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

This is great and well done for making such easy to follow videos. I did notice that the Article page doesn't respect formatting. You've got one block of text instead of paragraphs, no subheadings etc. How do I render this content as an article rather than a single paragraph?

codingcocoon
Автор

Hello, while following tutorials I had no problem with images. After completing tutorial I decided to change some of my images inside of articles. When I change for example "title" it automatically change content on web page. But I have a problem - when i change (upload new image) inside of strapi UI it doesn't affect web page and I still see only old images.

Is there anything else I have to do in order to see new images on web page? Thanks you.

danoblinux
Автор

Hello there, Thanks for the videos! So helpful :)

I've got question, I hope you can help me to solve this. 
Can we update the content for Gatsby via Strapi without recompiling Gatsby?
If you think its possible, can you tell me how to do that.
If you think its impossible, please tell me why. Thank you for that all.

dianalifiansyah