Haven Next.js ecommerce template
A Next.js ecommerce template on demo data, with a shop-the-look hero, collection filters, quick view, product variants and a cart saved in the browser.
It is the Next.js edition of the Haven theme: the same pages, sections and motion as the live preview, written as React components and exported as static HTML.
Prefer Astro? See the Haven Astro theme. Both editions are included in the All-Access Pass.
What is in the Haven Next.js project
A complete Next.js project you own, checked page by page against the Astro edition at phone, tablet and desktop widths.
- Next.js 16 with the App Router, React 19 and TypeScript
- The same CSS as the Astro edition, with Tailwind CSS 4 where that edition uses it
- Static export: plain HTML, CSS and JavaScript in out/, no server to run
- Deploy setups for Vercel, Netlify, Cloudflare Pages and GitHub Pages
- All the copy in src/config/site.ts, so you rebrand without opening a component
- AGENTS.md and CLAUDE.md, so coding assistants know where everything lives
Pages included
The same page set as the Astro edition, each one a route in the Next.js App Router.
See Haven in action
Screens from the live preview. The Next.js template renders the same pages.
Questions about the Haven Next.js template
Is Haven a React template?
Yes. Haven is a Next.js 16 project, and Next.js is built on React, so every page and section is a React component. Pages render to HTML when you build, and the interactive parts run as client components in the browser.
Do I need Vercel to host it?
No. The template exports plain HTML, CSS and JavaScript to the out/ folder, so it runs on Netlify, Cloudflare Pages, GitHub Pages or any static host. Vercel works too, with no settings. You only need a host that runs Node if you add server features such as API routes.
Does it include sign-in or payments?
No. It is a website template. Haven's cart, wishlist and checkout run on demo data and take no payments until you connect your own payment provider or store backend; the README shows where.
How is it different from the Haven Astro theme?
It is the same design and the same pages, built with Next.js and React instead of Astro. The two are separate purchases at the same price, and the All-Access Pass includes both. Pick this one if you or your team build in React.