Frontend Meeting 03.23

@irekrog

Next 13

Next 13 (beta)

Next 13 (stable)

app router

  • page.tsx
  • layout.tsx
  • template.tsx
  • loading.tsx
  • error.tsx
  • not-found.tsx

Server Components

  • still React component
  • run only on the server
  • can access server-side data
  • can be async / await
  • React Core Team

Server Components

Server Components

Server Components make writing a React application feel similar to PHP or Ruby on Rails, but with the power and flexibility of React for templating UI.

https://beta.nextjs.org/docs/rendering/server-and-client-components#why-server-components

Server Components vs Client Components

Importing RSC into RCC

Fetching (SSR)

Fetching (SSG)

Fetching (ISR)

Example

SEO (static)

SEO (dynamic)

Bibliography

Made with Slides.com