Next.js Quiz Funnel — Quiz Funnels for Next.js App Router
Next.js is the natural home for quiz-ui. Every component is compatible with the App Router, and the headless architecture means you style with Tailwind — the same stack shadcn/ui projects already use. Define your funnel as data, render it in a client component, and handle the completed answers in a server action.
Last updated: 2026-09-25
Frequently asked questions
Do I need 'use client' for quiz-ui in Next.js?
Yes. quiz-ui components use React state and context, so wrap them in a client component or add 'use client' to the page.
Can I use server actions with quiz-ui?
Yes. Pass a server action to the onComplete prop of QuizRoot — the funnel calls it when the user finishes.
Does it work with Turbopack?
Yes. quiz-ui is tested with Next.js 16 and Turbopack. Run pnpm dev and everything builds fine.