Next.js + Headless CMS + GraphQL - Next.js tutorial for beginners (part 2)

My courses:

Connect with me:

Timestamps
00:00 What this video is about
00:32 Clone the starter app
01:50 What is DatoCMS?
03:02 Action steps for this video
03:39 Create DatoCMS account
05:11 What are models?
06:27 Create models
08:44 Add fields to models
13:29 Add metadata fieldset
14:22 Add content to the CMS
18:34 Start working on the code
19:43 Add necessary GraphQL functions
21:18 Add GraphQL API token to environment variables
22:40 Add CMS data fetching to front page
26:00 Modify front page to work with new data
28:30 Use DatoCMS Image component for images
32:12 Add CMS data fetching to Blog post page
38:09 Modify Blog post page to work with data
39:42 Add StructuredText component for content
40:57 New blog post with images
41:49 Create new block to display images
42:34 Modify content field to work with Image block
43:25 Create new blog post with images in content
45:03 Add renderBlock prop for StructuredText
49:40 Add build trigger to build site in production

#nextjs #beginner #tutorial

[grupaprogrammingwrocaw]

Great help with front-end integration with DatoCMS. Thx for this tutorial.

[villejac]

Strong recommendation for anyone interested to do this 2-part tutorial 💪

[venkatapenumatsa]

Hi, can you please make a full CRUD video with Next js and Dato ?