Let's walk through setting up a Next.js site/app. Creating a new page. Creating a new Contentful account, space, and first content model. Then consuming that data in our Next.js app with Static Generation to build the page out ahead of time for a modern, fast user experience.

If you are looking for more videos on this CMS, check out ‪@Contentfulinc‬ 's channel.

Playlist for this series:
   • Next.js + Contentful  

Repository for code in the video:
https://github.com/Jimmydalecleveland...

Next.js Docs:
https://nextjs.org/docs
https://nextjs.org/docs/basicfeature...

Contentful Javascript SDK docs:
https://www.contentful.com/developers...

~~~~~~

00:00 What we'll cover
02:15 Setting up our Next.js project
09:32 Contentful new account setup
11:00 Contentful first content walkthrough
14:26 Getting Contentful data into Next.js
17:31 ESModule import tip
20:00 Getting Contentful data into Next.js (cont'd)
25:34 Where to get entry IDs and API keys in Contentful
26:33 Obscuring secret keys with .env.local file
29:13 Adding additional fields to our first content type
30:54 Tip for searching for content entries
32:20 Rendering the new fields in Contentful
34:08 Wrapup and what's next


~~~~~~

Follow Jimmy Cleveland's doings:
twitter:   / jimmydcleveland  
blog: https://blog.jimmydc.com/

#javascript #nextjs #contentful #cms