Next.js for Beginners - Full Course

From the creator

Learn how to get started and get proficient with Next.js. ⚠️ Minor error in course- At 5:15, to get to that Next.js starting point, please do the following: 1. Run the command: `npx create-next-app next-recipe-app`, let that build 2. Go into the folder: `cd next-recipe-app` 3. Open in your code editor of choice! Through building a full-stack recipe app with Next.js, Sanity.io, and Vercel, you'll learn how to set up dynamic routing, pre-render, pull content from external APIs, set up serverless functions, offer real-time content previews, and deploy your app on the web. ✏️ Your instructor for this course is Kapehe, devrel specialist at Sanity.io. 🔗 Kapehe's website: https://kapehe.io 🎥 On YouTube: https://www.youtube.com/c/BetterDevs 💻 Code: https://github.com/sanity-io/next-recipe-app 🔗 Sign up for Sanity.io here: https://www.sanity.io/ ⭐ Resources ⭐ 🔗 https://nextjs.org/docs 🔗 https://www.sanity.io/docs 🔗 https://www.vercel.com ❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:52) What is Next.js ⌨️ (0:04:05) Tools: Node.js, VS Code, and the command line ⌨️ (0:05:15) Setting up Next.js ⌨️ (0:10:02) Setting the Sanity Studio CMS ⌨️ (0:53:12) Connecting Next.js with your content lake ⌨️ (1:04:54) Making a simple navigation bar in _app.js ⌨️ (1:10:45) Making your first page template in index

Published 2021-06-01 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.