In this tutorial, you will learn about Next.js and Contentful. You will learn about setup, Contentful modes, Contentful client, outputting recipe data, using images from Contentful, styled JSX, generating paths, rich text content, deploying to Vercel, incremental static regeneration, fallback pages, conditional redirects, custom 404 page, and Vercel deploy hooks.
Overview
Syllabus
Next.js & Contentful Site Build Tutorial #1 - Intro & Setup.
Next.js & Contentful Site Build Tutorial #2 - Contentful Models.
Next.js & Contentful Site Build Tutorial #3 - Contentful Client.
Next.js & Contentful Site Build Tutorial #4 - Outputting Recipe Data.
Next.js & Contentful Site Build Tutorial #5 - Using Images from Contentful.
Next.js & Contentful Site Build Tutorial #6 - Styled JSX.
Next.js & Contentful Site Build Tutorial #7 - Generating Paths.
Next.js & Contentful Site Build Tutorial #8 - Rich Text Content.
Next.js & Contentful Site Build Tutorial #9 - Deploying to Vercel.
Next.js & Contentful Site Build Tutorial #10 - Incremental Static Regeneration.
Next.js & Contentful Site Build Tutorial #11 - Fallback Pages.
Next.js & Contentful Site Build Tutorial #12 - Conditional Redirects.
Next.js & Contentful Site Build Tutorial #13 - Custom 404 Page.
Next.js & Contentful Site Build Tutorial #14 - Vercel Deploy Hooks.
Taught by
The Net Ninja
