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