Learn how to set up and become proficient with Next.js by building a full-stack recipe app. The course covers dynamic routing, pre-rendering, pulling content from external APIs, setting up serverless functions, offering real-time content previews, and deploying the app on the web. The course teaches tools like Node.js, VS Code, and the command line. The teaching method involves hands-on project-based learning with step-by-step instructions. This course is intended for beginners who want to learn Next.js and build full-stack applications.
Overview
Syllabus
, to get to that Next.js starting point, please do the following:.
) Introduction .
) What is Next.js.
) Tools: Node.js, VS Code, and the command line.
) Setting up Next.js.
) Setting the Sanity Studio CMS.
) Connecting Next.js with your content lake.
) Making a simple navigation bar in _app.js.
) Making your first page template in index.js.
) Setting up dynamic routes with [slug].js.
) Diving into data fetching and pre-rendering with getStaticPaths & getStaticProps .
) Create a like button with API routes and serverless functions.
) Adding live real-time preview with Sanity.io's content lake.
) Set up automatic deployment with GitHub and Vercel.
) Summary: What you have learned and next steps.
Taught by
freeCodeCamp.org
Related Courses
Related articles
Reviews
4.8 rating, based on 4 Class Central reviews
-
"Immersive and Practical: My Next.js Course Review" This Next.js course offers a comprehensive dive into the world of React-based server-side rendering, and it's nothing short of exceptional. From setting up the environment to deploying real-world…
-
Kumaresan KandasamyClear Structure: The course was well-structured, starting from the basics and gradually building up. It helped me understand the fundamentals before moving on to more advanced concepts.
Hands-on Examples: The use of practical examples and coding exercises was immensely helpful. It made the learning process interactive and allowed me to apply what I was learning in real-time.
Engaging Instruction: The instructors had a great way of explaining concepts in a manner that was easy to grasp. Their enthusiasm and clarity kept me engaged throughout the course.
Project-based Learning: Building a project alongside the course was fantastic. It tied everything together and gave me a tangible outcome to showcase my newfound skills. -
Luigi NievesI thought it was a very good course to deepen my knowledge in react, it helped me a lot in the topic of route management, which is a topic that should be known in everything that has to do with web programming -
Vishnu RGreat videos in simple and easy to learn nextjs from scratch. Thank you for sharing valuable knowledge.
