Jak odczytać cookies lub headers w Server Component w Next.js?

Głębiej

Rozwinięcie krótkiej odpowiedzi — co zwykle ma znaczenie w praktyce:

• Kontekst (tagi): cookies, headers, server-components
• Lifecycle: co dzieje się w runtime (render/build, request/response, background jobs).
• Cache: gdzie jest cache, co jest kluczem, jak invalidować bez "cache chaos".
• Bezpieczeństwo: authn/authz, sekrety, powierzchnia ataku (SSRF/CSRF).
• Wytłumacz "dlaczego", nie tylko "co" (intuicja + konsekwencje).
• Trade-offy: co zyskujesz i co tracisz (czas, pamięć, złożoność, ryzyko).
• Edge-case’y: puste dane, duże dane, błędne dane, współbieżność.

Przykłady

Poniżej dodatkowy przykład (bazuje na tym, co już jest w odpowiedzi):

import { cookies, headers } from 'next/headers'

export default function Page() {
  const cookieStore = cookies()
  const theme = cookieStore.get('theme')?.value
  const ua = headers().get('user-agent')
  return <div>{theme} {ua}</div>
}

Typowe pułapki

• Zbyt ogólna odpowiedź (brak konkretów, brak przykładów).
• Brak rozróżnienia między "średnio" a "najgorzej" (np. złożoność).
• Pomijanie ograniczeń: pamięć, współbieżność, koszty sieci/dysku.

Pytania uzupełniające na rozmowie

• Kiedy zastosował(a)byś alternatywę i dlaczego?
• Jakie są typowe problemy w produkcji i jak je diagnozować?