Untitled

Fold the Video

Loading...

[JS Mastery] Next.js 13 -0

1. Rendering

[JS Mastery] Next.js 13 -2
[JS Mastery] Next.js 13 -3

2. Routing

[JS Mastery] Next.js 13 -5

next js uses file path as a route

3. fullstack

[JS Mastery] Next.js 13 -8
[JS Mastery] Next.js 13 -9
[JS Mastery] Next.js 13 -10
[JS Mastery] Next.js 13 -11
[JS Mastery] Next.js 13 -12

when needed!!dd

[JS Mastery] Next.js 13 -14
[JS Mastery] Next.js 13 -15

app에서

Their experience. Now in case you want to turn that server side component by default into a client-side. One, you need to add the use client directive.

The top of your page, to turn it into a client-side component, using the boat, the client components and the server components allows us to leverage the benefits of server-side rendering while still Rising react capabilities for building Dynamic and interactive user interfaces. This is an example of a typical server side component.

It is a simple component, consisting of a navigation bar that has a logo and a search bar. It also has some main content with ap tag.

[JS Mastery] Next.js 13 -22

when to use client and server component?

[JS Mastery] Next.js 13 -24
[JS Mastery] Next.js 13 -25

everything is file based!

no need to add router

[JS Mastery] Next.js 13 -28

-> react

[JS Mastery] Next.js 13 -30

-> nextjs

[JS Mastery] Next.js 13 -32

layout을 특정 라우트에만 적용하는 것도 가능

[JS Mastery] Next.js 13 -34

넥스트는 SSG를 디폴트로 한다.

[JS Mastery] Next.js 13 -36
[JS Mastery] Next.js 13 -37

코드를 깔끔히 하기 위해서 api 폴더에 넣는 것을 추천

page.js와 함께 route.js가 위치하면 안된다

[JS Mastery] Next.js 13 -40
[JS Mastery] Next.js 13 -41
[JS Mastery] Next.js 13 -42

Last Updated:

Summarize & share videos seamlessly

Loading...