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

CoderOne

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
https://youtu.be/0xhu_vgKZ8k

🧭 Watch Tutorial on Designing the website on Figma
https://youtu.be/SB3rt-cQZas

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
https://youtu.be/-bll7l-BKQI

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
https://youtu.be/_rnxOD9NKAs

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
https://youtu.be/M_Oes39FNuk

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
https://youtu.be/_rnxOD9NKAs

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
https://youtu.be/VWEJ-GhjU4U

🧭 Introduction to GraphQL with Apollo and React
https://youtu.be/eCO6MvvRhXk

🐦 Follow me on Twitter: https://twitter.com/ipenywis
💻 Github Profile: https://github.com/ipenywis

Made with 💗 by Coderone