Next.js 13 Crash Course Tutorial #2 - SSR & Server Components (theory)

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

➡️ Use promo code NEXTNINJA50 for 50% off!

📂🥷🏼 Access the course files on GitHub:

📂🥷🏼 CSS File from course files:

💻🥷🏼 React Tutorial:

Рекомендации по теме
Комментарии
Автор

I truly cannot express the amount of gratitude I have right now. Thank you!

niademiogundana
Автор

Thank you for this tutorial. There are few things I like to clarify.

The official docs say:

Client Components
Client Components enable you to add client-side interactivity to your application. In Next.js, they are pre-rendered on the server and hydrated on the client. You can think of Client Components as how components in the Pages Router have always worked.

Good to know:

Components in the Server Component module graph are guaranteed to be only rendered on the server.
Components in the Client Component module graph are primarily rendered on the client, but with Next.js, they can also be pre-rendered on the server and hydrated on the client.
The "use client" directive must be defined at the top of a file before any imports.
"use client" does not need to be defined in every file. The Client module boundary only needs to be defined once, at the "entry point", for all modules imported into it to be considered a Client Component.

Based on the doc, client components could be pre-rendered on the server and hydrated on the client, but it can also be rendered on the client. I wonder which one is correct.

vitofullstack
Автор

Please Continue the series. thanks so much

devmab
Автор

This is a great explanation of server components for those who don't understand how they compare to the SSR we are used to. Great job as always!

coherentpanda
Автор

I have recently started learning Next.js and it solves my great problem about how to store api strings/ tokens/ keys. The approach with server / client component is brilliant.

yajirushik
Автор

I hope you can make a video series about Docker or containerization soon. You're the best teacher out there!

horne
Автор

I am enjoying your videos! You are a great teacher @Net Ninja!

elizabethmukuka
Автор

Thank you very much, dude!
You're indeed a rare asset.

jamezjaz
Автор

Thank you so much for the easy explanation for this buzz topic<3

gokulnaathb
Автор

A curious question, most of now days client computers are more powerful than a server running my application like "aws-ec2", which makes me wonder how can my server processing javascript code and creating html pages then shipping it to the client be faster than just shipping the javascript code and the client machine process it and create the html page?

goldmikanik
Автор

Oh, this was so helpful! Thanks for detailed explanation 🎉❤

Ahinejaja
Автор

Thanks a lot. I hope net ninja pro will make the translation function like youtube because I can't hear English very well, I have to watch the subtitles

chienquoc
Автор

Interesting, so basically Vercel took a page from Astro and their "islands of interactivity" model when doing this. Interested to dive in and learn more now.

owenwexler
Автор

Can you do a video on adding redux/toolkit to a nextjs application with the new updates

paddyduffable
Автор

Server Components become normal static html, and Client Components become html with javascript, am I right?

EduardoRomeroCodigosPro
Автор

This is why I hate nextjs and stay with vite. I keep feeling that nextjs is aimed to e-commerce, it force you to be framework depended which I dont like. Like josh said, I cant opt out on cache? Wtf?

theangelofspace
Автор

GTP 3.5 vs The net ninja.

GPT 3.5 = 0 ; The Net Ninja = 1;

fernanj
Автор

You talk too fast, other than everything is ok

iamtheasad