Shop/Commerce/11 of 37

Berry

A full-stack shop built with Next.js 15, Sanity, Clerk, Zustand, Stripe, and Tailwind CSS.

Next.js 15
Tailwind
Sanity
Stripe
Clerk
Zustand

What's included

Full source code
Customer storefront
Content managed in Sanity
Stripe payments
User accounts and sign-in

Built by Noor Mohammad in Dhaka, and taught on YouTube @reactjsBD.

How it works

What shipped

Berry is a commerce build from the studio. The picture is the product. The repository is the part another person can run.

What shipped

In this one: Next.js 15, Tailwind, Sanity, Stripe, Clerk, Zustand.

The handover

The build is public at berry.reactbd.com. The source stays with the repository, listed at $20.

The stack

This kit was finished on Next.js 15, and the repository still runs on that version. Tailwind is the styling system, so the screens stay in one family.

Inside the build

01
Next.js 15
This kit was finished on Next.js 15, and the repository still runs on that version.
02
Tailwind
Tailwind is the styling system, so the screens stay in one family.
03
Sanity
Sanity holds the catalog and the pages. An edit starts in the desk, not in a pull request.
04
Stripe
Stripe takes the payment on the same build as the cart.
05
Clerk
Clerk handles the accounts for the people using the product.
06
Zustand
Zustand holds the client state, including what the customer has picked.

Questions

The full source code for Berry: customer storefront, content managed in sanity, stripe payments, user accounts and sign-in. It is the same build as the one in the screenshots.

Yes. The live build is at berry.reactbd.com. Click through it like a customer would.

Checkout runs on Buy Me a Coffee, where the source is listed at $20.

You should be comfortable with Next.js 15, Tailwind, Sanity, Stripe. The ReactBD YouTube channel teaches the same stack.

Yes. A done-for-you launch (complete site) is $399, and custom builds start from $999. Tell us what you need.

You buy once and own the source forever, with full source ownership. Build on it for your own projects. What you can't do is resell or republish ReactBD's paid materials as your own product. The details are in the Terms of Use.

The ReactBD library keeps growing, and lifetime members keep access to everything new, with early access to new builds. See reactbd.com for membership.

Under the Terms of Use, digital purchases are non-refundable once access has been granted, unless stated otherwise at the time of purchase. Try the live demo first, so you know what you are buying.

Write from the contact page and the message goes straight to Noor. ReactBD members get priority support.

Rather not set it up yourself?

Launch it done-for-you · $399

Custom builds start from $999. You keep the source either way.

Talk to Noor

More Commerce

Grovia

$99.99

BabyMart

$70

Staybnb

$69.99

Next kit

Portfolio Kit

Build and deploy your own stunning portfolio website with ease!

$10 · See the kit →

Berry

$20

Buy the source

Berry

A full-stack shop built with Next.js 15, Sanity, Clerk, Zustand, Stripe, and Tailwind CSS.

Next.js 15

Tailwind

Sanity

Stripe

Clerk

Zustand

What's included

Full source code
Customer storefront
Content managed in Sanity
Stripe payments
User accounts and sign-in

Inside the build

Next.js 15

This kit was finished on Next.js 15, and the repository still runs on that version.

Tailwind

Tailwind is the styling system, so the screens stay in one family.

Sanity

Sanity holds the catalog and the pages. An edit starts in the desk, not in a pull request.

Stripe

Stripe takes the payment on the same build as the cart.

Clerk

Clerk handles the accounts for the people using the product.

Zustand

Zustand holds the client state, including what the customer has picked.