Next.js and Astro skincare store with a routine quiz and checkout UI
Nove
Next.js and Astro single-product store with a model picker and checkout UI

- Website
- shadcnblocks.com
- Pricing
- Paid
- Categories
- Templates
- Listed
- Oct 2026
- Updated
- Oct 2026
Details about Nove
- MDX support
- Tailwind CSS v4
Short verdict: Nove is built for a brand that sells one product in a few versions: three espresso machines, two add-ons and beans on subscription, with a model switch, a comparison table and a bundle that makes the beans free. The bag, checkout and confirmation work in the browser, but nothing behind them is connected: no payments, no order emails, and the contact form sends nothing. It suits a direct-to-consumer hardware brand with a developer to wire up payments and email. It is the wrong buy for a catalog of many products or a store that must take money without backend work.
How we reviewed it: On 31 October 2026 we used the live Next.js demo on a desktop and on a 390 px phone screen, and repeated the bag test on the Astro demo. We switched models, added machines, add-ons and beans, reloaded the page and opened checkout, then ran Lighthouse 12.8 on the home and Nove Duo pages. We did not submit the checkout or the contact form: we read the demo's shipped JavaScript to see what they do, and opened the confirmation page with a test order saved in our own browser. We did not buy the source code, so we can't judge code quality. Prices, specs and license terms come from the Shadcnblocks site on the same day.
Disclosure: Shadcnblocks, the maker of Nove, sponsors Tailkits, and our links to it are affiliate links, so Tailkits may earn a commission if you buy through them.
What you get for $79
| Price | $79 one-time, including the Next.js and Astro editions. Also included in the Shadcnblocks Premium plan ($299 one-time), which lists 21 premium templates. |
|---|---|
| Version | 1.0.0, released 30 October 2026 |
| Size | 30 pages and 100+ components, per Shadcnblocks. The Astro demo's sitemap lists 27 URLs; checkout and the confirmation page sit outside it. |
| Stack | shadcn/ui, Tailwind CSS 4, TypeScript and Markdown. The Astro edition uses React components, content collections, MDX and a sitemap. |
| Deploys to | Vercel, Netlify and Cloudflare Pages, as tested by Shadcnblocks |
| License | Unlimited end products, including client sites, for one user (a Team license covers up to 10). You can't resell the template itself. License terms |
What we found in the demo
One machine in three models, one switch
The shop sells three machines, the One ($650), Duo ($950) and Pro ($1,450), plus a grinder ($290), a 350 ml milk jug ($38) and three beans at $18 to $22 a 250 g bag. Each has its own page, eight in all. On machine pages a One, Duo and Pro switch sits above the price; each option opens that model's own URL. The shop page adds a side-by-side table (warm-up time, milk system, pressure, basket size, what is in the box) with an Add to bag button per model, and the home page matches five drinks, from espresso to latte, to the model that makes them.

A bag that already has two things in it
The bag opens as a side panel with quantity steppers, Remove links, an "or add" row for the jug and beans, and the total. It is saved in the browser under nove:bag and survived a reload. On a first visit, though, it already holds a Nove Duo and a grinder ($1,240), on both the Next.js and the Astro demo: those two items are the bag's starting state in the code. When we then added a Duo from its page, the bag held two. Clear those starting items before launch.

A working bundle rule, and beans that only look like a subscription
The full setup bundle (Duo, grinder and three bags of beans) is offered at $1,240 instead of $1,294. The rule also works in the bag: with the Duo and the grinder in it, adding a bag of house roast showed "Beans, free for three months" and took $18 off. The beans are sold as a subscription, a 250 g bag every four weeks, whole or ground, that you can pause. In the demo they are an ordinary $18 line: there is no whole or ground choice, and nothing in the bag or checkout says the order repeats.

Checkout and confirmation, with nothing sent
Checkout offers free shipping to Europe and the US or pickup at the Turin showroom, an address form for 19 countries with a US state menu, and card fields marked "This is a demo store, so no card is charged." In the shipped code, Pay checks the fields, focusing the first wrong one, then waits 1.2 seconds, saves the order in the browser's session storage (without the card details) and opens a confirmation page. No network request is made. That page says the order is placed and the receipt is on its way to the shopper's email, then empties the bag; no receipt is sent. The copy also says US sales tax is worked out from the address, but the code never adds tax.
Contact, showroom and content pages
The contact form (name, email, which machine you own, message) checks its fields and then, in the shipped code, shows "Message sent" without sending anything. Book a visit on the showroom page and Ask for a call both lead to that form, so there is no booking calendar. The sample address, [email protected], uses a domain that did not resolve when we checked. The rest is content a real store needs: help guides for shipping, swaps, warranty and care with eight FAQs, an about page, nine journal articles with topic filters, and privacy, terms and cookie pages. On a 390 px screen we found no sideways scrolling, and the menu links each machine and add-on, the beans and every help topic.
Performance and SEO
One Lighthouse 12.8 run per page, 31 October 2026:
| Page | Performance | Accessibility | Best practices | SEO |
|---|---|---|---|---|
| Home, mobile | 64 | 88 | 100 | 100 |
| Home, desktop | 99 | 88 | 100 | 100 |
| Nove Duo, mobile | 66 | 100 | 100 | 100 |
| Nove Duo, desktop | 100 | 100 | 100 | 100 |
The home page transfers about 2.4 MB: the hero video alone is 929 KiB, and images add about 1 MB, including review photos served as JPEG. On mobile, total blocking time reached 2,290 ms across 20 long tasks, mostly script: the first thing to fix. The Duo page is lighter (0.8 MB), but its heading took 4.6 s to appear on mobile, nearly all of it render delay. The home page lost accessibility points for an aria-label on the star rating without a role, unselected drink names at a 1.72:1 contrast ratio, and three 16 px slide dots below the 24 px target size.
We found no structured data on the home, shop, product or journal pages: no Product markup for price and stock in search results, but also no sample ratings in markup to clean up. The Next.js demo has no sitemap; the Astro demo has one.
What you still have to build
Payments and orders. Connect checkout to Stripe, Shopify or another provider, store orders and send the receipt the confirmation page promises.
The bean subscription. Recurring billing, the whole or ground choice, skipping and pausing all need a subscription service.
Tax. US sales tax is promised in the copy but not calculated.
Contact and booking. Connect the form to email or a form service, and add a scheduler if you want showroom visits or calls booked.
The starting bag and sample content. Remove the Duo and grinder from the empty bag, and replace the 1,284 reviews, testimonials, founders' story, showroom address and email domain.
Structured data. Add Product markup if you want price and availability in search results.
Pros and cons
Pros
The model switch, comparison table and bundle pricing already work in the browser, including the free-beans discount.
A complete set of pages for a one-product brand: eight product pages, help, showroom, journal, legal, checkout and confirmation.
Both editions have public demos, one $79 purchase covers both, and the license allows client work.
The product page scored 100 for accessibility, best practices and SEO, and 100 for performance on desktop.
Cons
Checkout and the contact form send nothing, and the confirmation page promises a receipt that never goes out.
Every new visitor's bag starts with a Duo and a grinder.
The mobile home page is heavy: 2.4 MB, a 929 KiB video and 2,290 ms of blocking time.
The bean subscription exists only in the copy, and no page we checked has structured data.
Built around one product line in three models, so a larger catalog needs a different layout.
How Nove compares
Nacre, also $79 from Shadcnblocks for Next.js and Astro, is built for a catalog: 18 skincare products with filters, a routine builder and a quiz. Pick it if you sell many products rather than one product in a few versions.
Sonic, Shadcnblocks' $79 single-product template, has 15 pages per Shadcnblocks and includes a Figma file, but its demo has Buy now buttons and no bag or checkout pages. Pick it for a launch page that sends buyers to a store elsewhere.
Shadcnblocks Premium ($299 one-time) includes Nove, Nacre, Sonic and the rest of the Shadcnblocks templates. Worth it if you will use two or more of them.
See all e-commerce templates for more options.
Who should buy Nove
Buy it if you sell one product in a few versions, with add-ons and refills, want the model choice and the bundle designed from day one, and have a developer to connect payments, subscriptions and email. All of the copy and photos are about espresso, so plan to replace them unless that is your product. Look elsewhere if you need a store that takes orders without backend work, or a catalog of many products.
FAQ
Does Nove take real payments?
No. The checkout has card fields but says no card is charged, and the demo sends nothing: the order is only saved in the browser. You connect Stripe, Shopify or another payment provider yourself.
Do I get both the Next.js and Astro versions?
Yes. The $79 purchase includes both editions, and each has a public demo. We tested the Next.js demo and checked the bag on the Astro one.
Does the bean subscription bill every four weeks?
No. In the demo, beans go into the bag as a one-off $18 item, with no whole or ground choice. Recurring billing, skipping and pausing need a subscription service you connect.
Can I use Nove for client projects?
Yes. The Shadcnblocks license allows unlimited end products, including sites your clients own. A standard license is for one person; the Team license covers up to 10 people.
Is Nove included in a Shadcnblocks plan?
Yes. The Premium plan ($299 one-time) includes all Shadcnblocks templates, Nove among them; the pricing page lists 21 premium templates.


