← Next.js11 / 57
Server & Client Boundaries
Server Components dapat membungkus Client Components, tetapi kamu tidak bisa meng-import Server Component langsung di dalam file Client Component.
👀 Contoh dulu
// ✅ ServerComponent -> mengimport -> ClientComponent
Hasilnya: Batas arsitektur server-client terawat dengan baik.
💡 Jika butuh Server Component di dalam Client, oper via prop children.
📝 Sekarang giliranmu
Server Components dapat mengimpor dan merender Client Components. Kamu memiliki <Carousel /> yang merupakan Client Component. Impor komponen tersebut dari './carousel' dan render di dalam elemen <main>.
Preview