Next with Stimulus

Using Stimulus inside React Server Components.

Source Code

This page is rendered using Server Components in the Next.js App Router. There are no Client Components involved. Instead, the accordion is implemented using Stimulus.

Stimulus uses the Mutation Observer API to detect changes in the DOM and attach event handers. It is ideal for pages that use soft-navigation or dynamically render DOM in and out.