# Online store design and headless storefront | CloudCart

A ready-made theme with a live preview that you make your own, or a custom storefront built on Nitrogen, our headless technology. Your catalog stays in CloudCart.

Source: https://cloudcart.com/en/design · CloudCart

Design

## Online store design: a storefront unlike any other

Nitrogen is our headless technology. It lets you build a storefront entirely around your design, while your catalog, orders, and payments stay in CloudCart. Your store looks and works exactly how you want.

Custom storefront · Nitrogen headless · Same admin

[Create a store for €1](https://my.cloudcart.com/register) [Talk to a consultant](https://cloudcart.com/en/contact)

Nitrogen storefront · 1 of 2

## Every screen is a stage

This storefront isn't a theme with settings. It's built specifically for your brand. As your customer scrolls, the product comes to life.

[See it live](https://test-cosmetics-ef887a66e0bef10d.cloudcart.dev/)

Nitrogen storefront · 2 of 2

## Same platform, a whole different world

The same CloudCart runs behind the scenes: catalog, cart, orders. Only what your customer sees is different.

[See it live](https://tshirt-slow-motion-e3523106877c83bb.cloudcart.dev/)

test-cosmetics.cloudcart.dev

levski.cloudcart.dev

Scroll - the storefronts move as you do

Nitrogen storefront · 1 of 2

## Every screen is a stage

This storefront isn't a theme with settings. It's built specifically for your brand.

test-cosmetics.cloudcart.dev
[See it live](https://test-cosmetics-ef887a66e0bef10d.cloudcart.dev/)

Nitrogen storefront · 2 of 2

## Same platform, a whole different world

The same CloudCart runs behind the scenes: catalog, cart, orders. Only what your customer sees is different.

levski.cloudcart.dev
[See it live](https://tshirt-slow-motion-e3523106877c83bb.cloudcart.dev/)

What is Nitrogen?

## Your storefront can be anything. Everything else is still CloudCart

Headless means the storefront and the system behind it are separate. Your design has no limits, and you manage products, orders, and payments from the same admin.

Your CloudCart · everything is here Headless storefront · Nitrogen

Rosa BotanicaDashboardProductsOrdersCustomersNitrogen
12orders today
18serum · in stock
Orders today#1051Maria D.€133.90Paid#1050Ivan P.€42.00Shipped
Serum · price€42

Rosa BotanicaSerumsCreamsSets
Skincare made with rose oilThree products your skin can feel in the first week.

Explore
Rose oil serum€4218 unitsAdd
Night cream€36Add
“Rose” set€69Add
Cart · 0

Change a price in the admin, and the storefront shows it immediately. A customer buys through the storefront, and inventory and orders update in the admin. Everything is in one place, always connected.

Who builds the storefront: you or us?

### You build it
Your team builds it and keeps improving it whenever you decide. Today with an AI assistant and our developer tools, soon with the builder in the admin too. Every push to GitHub puts the storefront live on your domain. You don't wait on anyone else's schedule. [How the assistant connects](https://cloudcart.com/en/developers)

### Our specialist builds it
You share the idea. We build the storefront and launch it. We also handle the domain, security, and redirects from old URLs. That's how the two storefronts above were built.

[Talk to a consultant](https://cloudcart.com/en/contact)

When you build it, every push to GitHub puts it live on your domain. When we build it, we launch it together with you, so your store never goes a minute without a working address.

### Connect your assistant with one sentence

If you build the storefront, its assistant connects to your store with one sentence. Then you tell it what storefront you want, and it writes it with Nitrogen.

The sentence for your AI assistant
Fetch and follow the instructions at https://raw.githubusercontent.com/cloudcart/ai-toolkit/main/prompt.md to set up my AI agent for CloudCartThe assistant will talk to you in your language.

### Open your AI assistant
Claude Code, ChatGPT Codex, Cursor, VS Code or Gemini CLI.

### Paste the sentence
The assistant sets everything up by itself.

### Give it an access key
Settings → “PAT Tokens” → new token. Done, start typing.

### The PAT token: the assistant's key to your store

Only the permissions it needsWhen you create it, you choose read only, full access or individual permissions per resource. The token works with the CloudCart CLI and Admin GraphQL.

Expiry and IP addressesYou can set a date until which the token is valid, and up to 20 IP addresses or networks it is accepted from.

Under your controlOnly the store owner can create tokens. The value is shown once. You turn a token off or delete it with one click, and access stops immediately.

Everything about connecting, the PAT token and Nitrogen: [“For developers” →](https://cloudcart.com/en/developers)

Coming soon to the admin

## Describe your store in words. Watch it take shape

Describe the store you want in your own words, and the AI builder puts it together on Nitrogen. Every sentence changes the storefront instantly. Then you arrange it with drag and drop. No code.

Describe your store…

Structure and navigation
Colors and font
Products from your catalog
Ready for drag-and-drop editing

yourstore.com

Rosa BotanicaSerumsCreamsSets
Skincare made with rose oilThree products your skin can feel in the first week.

Explore the collection

Rose oil serum€42
Night cream€36
“Rose” set€69

For your developer

## The frontend is yours. We handle commerce

Nitrogen · headless storefront
$ [main 3f2a9c1] 1 file changed$ GitHub App → Novabuild    ✓ 14 sdeploy   ✓ productionlive     → rosa.cloudcart.dev

rosa.cloudcart.dev

Updated · a second ago

React Router and Tailwind · starter from CloudCart Storefront API for the catalog and cart · passwordless sign-in for your customer Hosted by us · deploy on every push What you handle yourself: robots.txt and sitemap.xml, 301 redirects, contact form, cookie consent

[Everything for developers](https://cloudcart.com/en/developers)

And if you want a store today

## Start with a ready-made storefront and make it your own

Themes are organized by industry, each with a live preview. Switch themes in one click. Your catalog and orders stay in place.

[View live preview](https://motivationbg.cloudcart.net/)
[View live preview](https://lifestyle-bg.cloudcart.net/)
[View live preview](https://flairbg.cloudcart.net/)
[View live preview](https://interiors-bg.cloudcart.net/)
[View live preview](https://tech-store-bg.cloudcart.net/)
[View live preview](https://beautytreats-bg.cloudcart.net/)
[View live preview](https://fashionista-bg.cloudcart.net/)
[View live preview](https://celebrations-bg.cloudcart.net/)
+15more themes in the admin catalog, each with a live preview

When a theme isn't enough

## Two more steps when you want more

Ready-made themes cover almost everything. For the rest, you don't need to switch platforms: add your own code or leave the design to us.

### Custom CSS and JS

Your CSS and JS are added to every page of your storefront. For the details your theme doesn't cover: a pixel, a font, a style.

/* Design → Custom CSS/JS */

### Professional design by our team

We build your storefront in your style on a ready-made theme: homepage, colors, fonts, product pages. You provide the materials, we hand it over ready to sell. Talk to a consultant about pricing.

[Talk to a consultant](https://cloudcart.com/en/contact)

Live storefronts

## Here's what stores built on CloudCart look like

The ring rotates as you scroll.

zora.bg
elementre · Nitrogen
bulgarbiotic.bg · custom design
dabov.coffee
visvitalis.bg
fanshop.levski.bg
serendipity.jewelry
owllee.com
eandm.bg
Nitrogen
myhomeandgarden.bg
aurabody.bg
vinoimeze.bg

Each started with a ready-made theme or a custom storefront. And each sells on the same platform.

zora.bg
elementre · Nitrogen
bulgarbiotic.bg
dabov.coffee
visvitalis.bg
fanshop.levski.bg
serendipity.jewelry
owllee.com
eandm.bg
Nitrogen
myhomeandgarden.bg
aurabody.bg
vinoimeze.bg

[### Catalog Variants, bundles, digital products, Smart Collections Explore →](https://cloudcart.com/en/catalog)
[### CloudCart Pay Card payments without a bank contract Explore →](https://cloudcart.com/en/cloudcart-pay)
[### AURA Your AI employee: writes descriptions and SEO content, translates, suggests campaigns Explore →](https://cloudcart.com/en/aura)

## Ready to grow with CloudCart?

[Talk to a CloudCart consultant](https://cloudcart.com/en/contact)