Dave Gray

Key Takeaways

Why Next.js?

  1. SPAs are…

    …great as interactive apps

    …not so great as websites

    …not so great for SEO & Socials

Key Differences

App Router

Server & Client Components

Server Components are built in node.js

In page.tsx or layout.tsx:

export const runtime = 'nodejs' //Default value

Server Component Benefits

Client Components

Server Actions

Static & Acrpmu,s

Static: Client

Just like React components.

‘use client’ directed declared at the top of the file.

Static: Server