Next.js + Contentful minimal setup from scratch
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/basic-feature...
🗎 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 - Wrap-up and what's next
~~~~~~
Follow Jimmy Cleveland's doings:
twitter: / jimmydcleveland
blog: https://blog.jimmydc.com/
#javascript #nextjs #contentful #cms