Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

A 1-hour introduction to Next.js and React 🎥 This mini course is designed for beginners, but if you've used Next.js before, hopefully you'll still pick up some new tips. We'll build a quiz app using Postgres, starting from React basics and going all the way to Server Actions!

Lee Robinson

266,374 subscribers

166,780 views • 2 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Comments

Joost Schuur2 years ago

On YouTube:

RTTS1 year ago

We evaluate your current application lifecycle practices as they relate to #QA #testing and make recommendations on how to improve your #QAprocess.

Max Shahdoost 🇺🇸2 years ago

@farnam_violin Do you guys have YouTube version?

Lee Robinson2 years ago

@farnam_violin Yeah!

Bit of Doge🐕🚀2 years ago

This is exactly what y’all need to do. Teach why and how things work the way they do. A ground up explanation.

Lee Robinson2 years ago

Let me know if you have any questions!

Gaurav2 years ago

Any guide on how to setup a turborepo with expo router and Nextjs

🇵🇰 Ahmad Bilal Farooqi2 years ago

great 👍 and helpful for those who are still stuck in these stack 👌👌👌

Ajay2 years ago

🐐

JEM2 years ago

👑▲

Peacover2 years ago

@NotionAddon

Related Videos

I’m exploring a new video series to visually explain Next.js and React concepts. Open to feedback 🖤 Episode 1: Next.js Filesystem Routing

I’m exploring a new video series to visually explain Next.js and React concepts. Open to feedback 🖤 Episode 1: Next.js Filesystem Routing

Delba

409,631 views • 2 years ago

📹 Self-Hosting Next.js Learn how to deploy Next.js, Postgres, and Nginx to a $4 VPS with Docker. I'll explain how to use and configure Next.js features like image optimization, caching & ISR, streaming, middleware, server components, and more. Demo app is open source!

📹 Self-Hosting Next.js Learn how to deploy Next.js, Postgres, and Nginx to a $4 VPS with Docker. I'll explain how to use and configure Next.js features like image optimization, caching & ISR, streaming, middleware, server components, and more. Demo app is open source!

Lee Robinson

568,193 views • 1 year ago

Next.js: Authentication ※ Best practices for Server Components, Server Actions, and Middleware ※ Patterns like Data Access Layers, API Minimization, and Data Transfer Objects Also, aside from headshots, this video is entirely built in React 🤯

Next.js: Authentication ※ Best practices for Server Components, Server Actions, and Middleware ※ Patterns like Data Access Layers, API Minimization, and Data Transfer Objects Also, aside from headshots, this video is entirely built in React 🤯

Delba

116,318 views • 2 years ago

It happened! I’ve open sourced my exif-based photo blog as a (near) zero-config Vercel template. It uses all the things: ◆ Next.js App Router with Server Actions ◆ Next.js Image ◆ Next Auth ◆ Vercel Postgres ◆ Vercel Blob ◆ Vercel OG Template →

It happened! I’ve open sourced my exif-based photo blog as a (near) zero-config Vercel template. It uses all the things: ◆ Next.js App Router with Server Actions ◆ Next.js Image ◆ Next Auth ◆ Vercel Postgres ◆ Vercel Blob ◆ Vercel OG Template →

Sam Becker

125,819 views • 2 years ago

Okay, you build cool websites but they still have the React/Next.js logo as the favicon. So check out this Favicon Generator that I created using BLACKBOX AI.

Karan

19,982 views • 5 months ago

Hi Next.js, I’m Rob. I’m a student at the University at Buffalo. I built: - Re-implementation of React from scratch (reconciler, dom renderer, and core hooks) that went #6 on Hacker News - Next.js collaborative algorithm playground w/ live code execution, inspection, and visualizations - Next.js memory diagram quiz app used by 5 courses and >1000 students at my university - (And many other projects here This is a bit of a reach – I’d love to go to Next Conf but tickets are sold out :( It would be so awesome to meet others who care deeply about the tech, let me know if anything is possible

Hi Next.js, I’m Rob. I’m a student at the University at Buffalo. I built: - Re-implementation of React from scratch (reconciler, dom renderer, and core hooks) that went #6 on Hacker News - Next.js collaborative algorithm playground w/ live code execution, inspection, and visualizations - Next.js memory diagram quiz app used by 5 courses and >1000 students at my university - (And many other projects here This is a bit of a reach – I’d love to go to Next Conf but tickets are sold out :( It would be so awesome to meet others who care deeply about the tech, let me know if anything is possible

Rob Pruzan

184,796 views • 1 year ago

🎉 LAUNCH DAY 🎉 Modern Full Stack Next.js Course is now LIVE!! 🔥 It is a course that helps you Build and Deploy full-stack production ready applications with Next.js Until Friday, the course is 50% off and supports PPP use code: EARLYACCESSPARTY 🎈 Who is this for? The course is for anyone with basic JavaScript experience and want to learn a Framework like Next.js to level up your skills! (learn more and link below)

🎉 LAUNCH DAY 🎉 Modern Full Stack Next.js Course is now LIVE!! 🔥 It is a course that helps you Build and Deploy full-stack production ready applications with Next.js Until Friday, the course is 50% off and supports PPP use code: EARLYACCESSPARTY 🎈 Who is this for? The course is for anyone with basic JavaScript experience and want to learn a Framework like Next.js to level up your skills! (learn more and link below)

Ankita Kulkarni

17,090 views • 1 year ago

I built a Next.js boilerplate to sell access to private GitHub repos using Gumroad in less than an hour with Cursor and v0 (and I don't know Next.js... AT ALL!)

I built a Next.js boilerplate to sell access to private GitHub repos using Gumroad in less than an hour with Cursor and v0 (and I don't know Next.js... AT ALL!)

Ian Nuttall

95,551 views • 1 year ago

The 2nd edition of my "React Key Concepts" book is available now"! Fully updated for React 19, including brand-new chapters on RSC, form & server actions, Suspense and much more! If you, like me, like picking up a book for learning from time to time and you're (like me), convinced that we'll still need (React) devs in a couple of years, this book will be perfect for you! PLUS: There are special bonus offers & packages available now for the launch!

Maximilian

42,425 views • 1 year ago

Had a blast talking about Next.js 16 at React Summit yesterday! I built a Chatbot to show off some new features in Next that help you build apps with instant page navs and snappy interactions, even for apps with dynamic personalized data. Here's some highlights from the talk:

Had a blast talking about Next.js 16 at React Summit yesterday! I built a Chatbot to show off some new features in Next that help you build apps with instant page navs and snappy interactions, even for apps with dynamic personalized data. Here's some highlights from the talk:

Sam Selikoff

48,705 views • 7 months ago

Demo of forms with React 19 and Next.js. If you've wondered... "Why does the form clear out my input values?" "How do I pass data from my server action → client?" "How do I handle client / server validation?" "How do I display inline errors next to inputs?" This should help!

Demo of forms with React 19 and Next.js. If you've wondered... "Why does the form clear out my input values?" "How do I pass data from my server action → client?" "How do I handle client / server validation?" "How do I display inline errors next to inputs?" This should help!

Lee Robinson

42,736 views • 1 year ago

Today I started the day with learning about API routes in Next.JS. I'm feeling like Next.JS is like giving super powers to React.

Today I started the day with learning about API routes in Next.JS. I'm feeling like Next.JS is like giving super powers to React.

Prasenjit

57,994 views • 1 year ago

Spent the entire day building African Design Archive; a living digital archive for African graphic design, with my buddies Next.js, React, Sanity, and Claude. Still a WIP, but it's feeling right.

Spent the entire day building African Design Archive; a living digital archive for African graphic design, with my buddies Next.js, React, Sanity, and Claude. Still a WIP, but it's feeling right.

Chisa

39,952 views • 2 months ago

The latest 1.5 models from v0 are available in Cline. Specialized in frontend code generation for React and Next.js, here's what makes them different and how to set them up: 🧵

The latest 1.5 models from v0 are available in Cline. Specialized in frontend code generation for React and Next.js, here's what makes them different and how to set them up: 🧵

Cline

37,471 views • 1 year ago

React compiler in Next.js 15

React compiler in Next.js 15

Alex Sidorenko

184,898 views • 2 years ago

New agent skill: 𝚛𝚎𝚊𝚌𝚝-𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚜 Add React animations to any React app. Also covers how Next.js can natively integrate them. • Animate elements across navigations • Slide pages forward and back • Smooth loading transitions • Composition and accessibility handled

New agent skill: 𝚛𝚎𝚊𝚌𝚝-𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚜 Add React animations to any React app. Also covers how Next.js can natively integrate them. • Animate elements across navigations • Slide pages forward and back • Smooth loading transitions • Composition and accessibility handled

Next.js

195,891 views • 3 months ago

📢 It’s finally here! My Ultimate React Native Course is LIVE! 🚀 If you’ve ever wanted to build, scale, and monetize your React Native apps the right way, this course is for you. I’ve packed everything I know into a structured, hands-on learning experience. Let’s build something amazing together! 🚀❤️

📢 It’s finally here! My Ultimate React Native Course is LIVE! 🚀 If you’ve ever wanted to build, scale, and monetize your React Native apps the right way, this course is for you. I’ve packed everything I know into a structured, hands-on learning experience. Let’s build something amazing together! 🚀❤️

Beto

13,565 views • 1 year ago

The Governance UI Kit & App Template is open to developers! ✨ Ready-to-use DAO UI components ✨ Flexible UI Host, built with React & Next.js ✨ Fully customizable ✨ Open source, with option to self-host From optimistic governance to gauges, build a custom Governance Hub.

The Governance UI Kit & App Template is open to developers! ✨ Ready-to-use DAO UI components ✨ Flexible UI Host, built with React & Next.js ✨ Fully customizable ✨ Open source, with option to self-host From optimistic governance to gauges, build a custom Governance Hub.

Aragon.eth 🦅

12,878 views • 1 year ago

How to recover from a server component error in Next.js

How to recover from a server component error in Next.js

Alex Sidorenko

67,557 views • 1 year ago