Next with jQuery

Using jQuery inside React Server Components.

GitHub logo
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 jQuery.

Due to soft-navigation, you cannot reliably re-attach jQuery event listeners based on the DOMContentLoaded event. Instead we use event bubbling and capture the events in the document.

Accordion Content – This part is a Server Component.