Next.js For React Developers | Everything You Need To Know


I’m pretty sure many of you already heard and somehow knew about the greatest framework of the 21st century, Next.js! Next.js is a fully sophisticated and very fast framework for React applications that gives you everything you need from Routing to Production builds and SSR with hybrid SSG! In this video, we’ll go through the transition process of moving from old CSR React (single page apps) into working with Next.js and better understanding of Server-Side Rendering (SSR) or Static Site Generation (SSG), as well as, get deeper into different topics of Next.js and how it works behind the scenes.

⭐ Timestamps ⭐
00:00 Intro
01:18 Next.js (SSR/SSG) vs React (CSR)
07:15 Setting up Next.js Project
08:30 Next.js Basic Project Structure
09:56 Next.js for React folks
11:24 Next.js is a framework with a set of standards
12:49 Manipulate the Header
13:45 Routing
15:50 Next.js Data Fetching and Props
21:08 User Interactions
23:40 SSR vs SSG in the real world
26:40 Do Data gets updated when using SSG

🧭 Turn Design into React Code | From prototype to Full website in no time

🧭 Watch Tutorial on Designing the website on Figma

🧭 Watch Create a Modern React Login/Register Form with smooth Animations

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize

🧭 Introduction to GraphQL with Apollo and React

🐦 Follow me on Twitter:
💻 Github Profile:

Made with 💗 by Coderone