Видео

What 'use client' is, why it exists, how it works, and how to use it. The 'use client' directive introduces a new dimension to bundling: allowing developers to use the same language and JSX component model for UI concerns that span the client and server. Replacing network synchronization code in multiple languages, routing systems, and frameworks with simple components and props. This is an exc...

Best practices for authentication in Modern Next.js and React: Server Components, Server Actions, Middleware. Docs: rc.nextjs.org/docs/app/building-your-application/authentication Code: github.com/vercel-labs/app-router-auth 00:00 Intro 00:25 Forms and Server Actions 00:51 Form validation 01:06 useActionState 01:45 Creating a user 02:14 Session management 04:13 Authorization 04:37 Middleware 05...

Visually explained: Bundling in 60 seconds

What exactly is Partial Prerendering? How does it work? And most importantly, why does it matter? 00:00 Intro 00:12 What is Prerendering? 01:31 Single paradigm frameworks 02:59 The problem with static and dynamic 04:09 Current Next.js behavior 04:45 React boundaries to the rescue 06:05 How does Partial Prerendering work? 07:24 How is Partial Prerendering different? 08:39 Benefits of both static...

Docs: nextjs.org/docs/app/building-your-application/rendering/server-components

Hey, long time. I'm starting a new video series to visually explain Next.js and React concepts. Let me know what concepts you'd like to see next. 🖤

Next.js 13 comes with a new TypeScript plugin! We're bringing autocomplete for config options, in-context docs right into your editor, and helping surface common Next.js and React errors before you even hit save. � Read the Docs: beta.nextjs.org/docs/configuring/typescript

A quick demo of On-Demand Incremental Static Regeneration (ISR), new feature just launched in Next.js 12.1 - Regenerate static pages, on demand without having to rebuild the entire site or having to wait for a specific revalidation interval. - Find this example on Github: github.com/delbaoliveira/website/blob/main/pages/api/tweets/revalidate.ts - Learn more on Next.js docs: nextjs.org/docs/basi...

Hi 👋 My name is Delba. In this video, I go through how I built the website/portfolio that helped me land my first developer role at one of my dream companies. ⏱️ TIMELINE: 00:00 - Introduction 00:40 - Content 01:20 - Design 02:41 - Code 03:06 - Typescript 04:27 - Tailwind 05:31 - Next.js 06:31 - MDX 07:16 - Prisma 08:02 - Hosting 08:35 - Conclusion 📚 RESOURCES: ◆ Building an Effective Dev Portf...