Pelajaran 13 / 17

Server vs Client Component

Dua dunia dalam satu aplikasi Server Component default : dirender di server; boleh baca database/rahasia; TIDAK bisa pakai useState/onClick. Client Component tandai "use client" di baris pertama : interaktif di browser;

Course ini di Study with Rahman Kembali ke overview Semua kelas gratis

#Dua dunia dalam satu aplikasi

Server Component (default): dirender di server; boleh baca database/rahasia; TIDAK bisa pakai useState/onClick.
Client Component (tandai "use client" di baris pertama): interaktif di browser; jangan taruh rahasia di sini.

Aturan praktis: mulai semua sebagai server component; turunkan ke client HANYA bagian yang butuh interaksi.

#Env & rahasia

Variabel berawalan NEXT_PUBLIC_ ikut terkirim ke browser — hanya untuk nilai yang memang publik.
API key/rahasia: tanpa prefix itu, dan hanya dipakai di sisi server.