Next with Client Components

Using Client Components inside Next.js Server Components.

Source Code

This page is rendered using Server Components in the Next.js App Router. To add reactivity to the accordion, we use Client Components.

The only interactive element is the accordion title that toggles the hide/display state. We use a Client Component (AccordionToggle) to wrap the title.