Next.js 13 - SERVER and CLIENT COMPONENTS in just 5 MINUTES (2023)

Показать описание

Learn what server and client components are in next13 and when to use them...

✨ Join My Discord Server

SUPPORT MY CHANNEL

GET IN TOUCH:

Disclaimer: This video is not sponsored

#next13

Рекомендации по теме

Комментарии

That really was well explained, thank you!

anassmachhour

Many thanks for this Next13 playlist! Great job!

sdfsfsfd

Hi, I am also trying to understand concept of client components and server component but I have a one question. Even if I use "use client" mark at the top of the component, that component is also rendered on the server? Am I right. I mean, when I check the network tab I can also see that client component. Also, when I write a console.log outside of the useEffect and inside a component which has "use client" at the top, I can see that console.log both on the server and client. Does every component is pre-rendered on the server first even if there is a "use client" mark (Client Component) ?

berkaycirak

What font-face are you using for the cursive mono? Thank you for the tutorial regardless, you really helped me.

elilemons

Thank you so much!! Please make a small full stack project using NextJS app router!!

julienheng

Has anybody experienced this "issue" with the Fast Reloading involving Client-Components?

Essentially what I have been seeing is that if im coding some client-component like user forms and make a syntax error after i fix the syntax error the fast reloading doesn't update with any subsequent changes until I refresh the actual browser window.

Whats odd is that if I repeat this same process with a Server-Component like

export default function serverComponent() => { return <h1> Hello World </h1> }

Then I break it with a syntax error and fix it, the Fast refreshing seems to work just fine without me having to manually refresh the browser

JxKILLAA

how to pass event handler callback as a props from server component to a client component?, it works like the exampe in the video, but it can't work when we pass an event handler

simpingsyndrome

real time project this error Cannot GET /api/users/register what to do

front-endinfo

Kindly do one with mpesa stk push with nodejs as backend and react redux toolkit as the frontend please

upcomingcoder

Sir make full stack website with next js

saimundev

what is the music playing in the background?

nowar

Next.js 13 - SERVER and CLIENT COMPONENTS in just 5 MINUTES (2023)

Next.js 13 - SERVER and CLIENT COMPONENTS in just 5 MINUTES (2023)

Next.JS 13 Server and Client Components in 4 Minutes

Next.js 13 - The Basics

Server vs client components in NextJs 13 – When to use which

Next.js Server Actions... 5 awesome things you can do

Next.js 13 Crash Course Tutorial #3 - Pages & Routes

Next.js 13 SSG, SSR & ISR | Nextjs 13 tutorial

Next.js 13 Crash Course | App Directory, React Server Components & More

No Bullshit, Next.js Course in 14 mins

Everything You Need to Know About Server Components in Next.js 13

When & Where to Add “use client” in React / Next.js (Client Components vs Server Components)

Learn Next.js 13 With This One Project

Next.js No longer use SSR/SSG functions

Using Forms in Next.js (Server Actions, Revalidating Data)

Next.js 13 Server Actions Tutorial

Next.js 13 Styling Options (Server Side and Client Side)

NextJS 13 Tutorial - Routing, Data Fetching, Server Components...

Loading UI with Next.js 13 and React Suspense

GraphQL with Next.js 13 Server Components

Next.js Server Actions (revalidatePath, useFormStatus & useOptimistic)

Server-side data fetching in Next.js 12 vs. 13

Next.js 13… this changes everything

Server Actions in Next.js | Nextjs 13 Server Mutations

Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework