A landing page is one page; a course website is the nav, the footer, the second page you did not plan for, and the sitemap that gets it all indexed. This template is the whole thing — a normal Next.js project you own, with six page types already built and a chrome that holds them together.
Next.js 16 · Tailwind 4 · static export · 14-day refund
Why this one
It builds to a folder of static HTML. That means no server to keep alive, no database, no monthly bill, and a site that loads in well under a second from any CDN. Vercel, Netlify, Cloudflare Pages and GitHub Pages all host it on their free tier, and it will still run on a $3 VPS in ten years.
There is no admin panel and no theme options screen, which is the point. Content lives in typed data files that read like lists, and TypeScript tells you when a field is missing instead of the page silently rendering blank.
In the box
In the order they appear on the demo. Delete any of them and the page still holds together — they are separate components, not a theme.
01
A sticky header that transitions to solid once you leave the hero, driven by a CSS scroll timeline rather than a scroll handler. The mobile menu is a native <details>, so it opens with no JavaScript.
02
Course, cohort, webinar, coaching, newsletter and ebook. Each is a real page in the repo — keep the two you need and delete the rest, or run them all as separate offers.
03
Colour, type scale, spacing, radii, shadows, easing and duration are tokens. Change the accent in one place and the whole site moves with it.
04
The /templates route generates one page per keyword from a data file, plus a sitemap and robots.txt. The same machinery works for your own topic pages.
05
next build writes out/. No runtime dependencies at all, self-hosted fonts and CSS-only animation — so it loads properly on networks where Google Fonts is blocked.
06
Per-page titles and descriptions, Open Graph, FAQPage JSON-LD on every FAQ block, and a generated sitemap that omits the demo routes.
Fit
Three steps
Questions
To change copy, prices and testimonials, no — those are lists in a data file. To add a section you edit JSX, which is close enough to HTML that people manage it on their first day.
Yes, and the SEO pages show you how: a folder, a data file and generateStaticParams. Markdown works too — it is a normal Next.js App Router project with nothing unusual in it.
Nothing, realistically. It is static files, so the free tier on Vercel, Netlify, Cloudflare Pages or GitHub Pages is genuinely enough, and there is no server to be billed for.
Also in the kit
One purchase covers all six. Different offers want different pages, and most people end up using two.
See all six examples — or browse the other template pages: online course landing page, cohort course, webinar landing page, coaching website, newsletter landing page, ebook landing page.
$39 today, $59 once the launch window closes. Lifetime updates, 14-day refund, and the free version is a real page rather than a teaser.