How to make a blog with Next.js, Strapi and GraphQL in 2022

Timestamps
0:00 What we will be building
3:48 Creating a Strapi application
4:17 Strapi walkthrough
9:44 Installing GraphQL
10:20 GraphQL playground walkthrough
14:24 Installing required packages
16:15 Adding basic functionality
19:03 Different rendering options
24:29 Listing all posts on homepage
34:53 Building the blog page
45:06 Rendering markdown
47:42 Wrap up

You can check out some of the games I have made in the past

[codewithryan]

Source code and timestamps are in the description!

[ireallylikecoffee]

Thank you so much for posting this, Ryan. It helped me out a lot to get started with strapi + graphql. Keep it up!

[thomasvalois]

Solid tutorial and great explanation of the hosting differences between CSR, SSR and SSG!

[camcamspamspam]

Awesome awesome video with explanations!! You're an amazing teacher :)

[dmitriybalaban]

Thanks a lot, the only one lesson on youtube where i got how to fetch data slug with graphql

[moritzmessner]

Hello! I followed the tutorial until the end and everything works as it should. However when I click on the blog posts on the homescreen it takes super long to load the individual post. Do you have an idea how I could fix that or what I am doing wrong?

[angzar]

Great video Ryan, appreciated! Did you do any follow up vids on the blogging app? Great work!

[ewx]

Im getting "TypeError: _jsxDEV is not a function" error whilte trying to use mdx-remote any suggestions?

[alvaroarganaraz]

I'm considering using a headless CMS to create a landing page and blog using next.js. I'm looking at different options like Strapi, ButterCMS, Contentful, etc. Any suggestions on which one I should use? Did you have a good experience with Strapi?

[tatemo_labs]

Hi Ryan, This is a simple, valuable and powerful video.

Humble request:
Can you create video on How can we add images and user Cloudinary as storage system?

thanks.

[JBurky]

Is anyone else getting the error
Cannot use GraphQLScalarType "Time" from another module or realm.

It says that it's because of a duplicate version of graphql running at the same time, but when I tried to remove any older version of graphql and/or install it again, it doesn't fix the issue.

[sujoykrhaldar]

Hi rayan.... I think for the category you could use /category/code then for individual blogs it will /blog/blog-name

[abduwahid]

Strapi setup is straight foward enough but a few issues mean the NextJS pre-rendering fails.

[sriramhegde]

can you make tutorial on DX friendly cms like keystonejs

[likayeltsova]

Hey Ryan, I have a question would it be easier just to start with one of the starters Strapi has? Can it save much more time than creating a project by yourself?

[badermuteb]

thanks Ryan. how to add code snippet like your blog?? ^_^ love your blog

[alikarimi]

what if i want to have [slug].js under a directory like
/games/[slug].js

[afxcrush]

I got an error when trying to do it with the ID and and the file inside a folder. Is there any other steps in that case?

[thomasbarenghi]

Hello friend, I am doing everything as in the tutorial but it throws me this error: "connect ECONNREFUSED"
I cloned its github library and it gives me the same error. that could be happening?

[techcrowd]

Hi Ryan, how did you deployed this project?