Server Components renderują się na serwerze, mogą bezpośrednio korzystać z backendu i nie są wysyłane do przeglądarki; nie mogą używać hooków klienta. Client Components są oznaczone 'use client', działają w przeglądarce, wspierają hooki/stan i interakcje, ale zwiększają bundle JS.
Rozwinięcie krótkiej odpowiedzi — co zwykle ma znaczenie w praktyce:
Krótki przykład (szablon do wyjaśniania):
// Example: discuss trade-offs for "server-components-vs-client-components-w-next.js"
function explain() {
// Start from the core idea:
// Server Components są domyślne; wykonują się na serwerze, mogą bezpośrednio korzystać z baz
}