Primer
Course and newsletter launch landing page built with Tailwind CSS and Next.js.
Templates
nextjsOfficial
Compass
Online course and learning-platform site built with Tailwind CSS, Next.js, and MDX.
About
This template is a Tailwind Plus Compass-based online course / learning platform using Next.js 16, React 19, TypeScript, Tailwind CSS v4, and MDX. Routes use route groups: src/app/(sidebar) (course home + lessons, home page at src/app/(sidebar)/page.tsx), src/app/(auth), and src/app/(centered). Course content is data-driven: lesson metadata in src/data/lessons.ts, lesson bodies in src/data/lessons/, and interviews in src/data/interviews/. Shared UI lives in src/components; theme tokens in src/app/globals.css. Use the bundled frontend-design and next-best-practices skills before substantial UI or Next.js changes.
More Templates Like This
nextjs
Keynote
Conference and event landing site built with Tailwind CSS and Next.js.
Spotlight
Personal website and blog built with Tailwind CSS, Next.js, and MDX.