Build an Online Store + Admin Dashboard with Claude

Hostinger hosting

Your live store runs here. Halden itself is free.

Choose a Hostinger Plan

Use the Unlimited plan or a Cloud plan — Halden runs as a Node.js web app.

Claude Desktop

Claude does the setup for you in its Code tab.

Download Claude Desktop

https://claude.ai/download

Node.js

Version 20.9 or newer (22 recommended).

Download Node.js

https://nodejs.org/en/download

Git

Downloads your copy of Halden. Claude helps if it's missing.

Download Git

https://git-scm.com/

Supabase account

The free plan is enough.

Create Supabase Account

https://supabase.com/dashboard

GitHub account

Free. Hostinger publishes your store from it.

Create GitHub Account

https://github.com/signup

Create Your Own Copy

Open Halden on GitHub

https://github.com/salhiworks/halden-ecommerce-starter

Click Use this template, then Create a new repository Name it and choose Public (simplest) or Private Click Create repository and copy its address

Bring It to Your Computer

Claude Desktop Code Local

Start a Local session in your Documents folder, add your repository's address below, and send:

Clone Your Copy

Downloads your own Halden repository into this folder.

Clone {{REPOSITORY_URL}} into this folder. If GitHub needs me to sign in, give me the command to run in the Terminal.

Your new repository's address

https://github.com/your-name/my-store

Open Your Halden Folder

Start a new Local session Open the folder Claude just created If Claude Desktop asks, trust the folder

Ask Claude to Set Up Halden

In your Halden folder's session, send:

Halden Setup Prompt

Starts Halden's built-in setup. Claude does the technical work.

Set up Halden for me.

Claude stops only when it needs you. If it asks to run a command, click Allow.

Create a Supabase Project

Open Supabase Dashboard

https://supabase.com/dashboard

Click New project — the Free plan is fine When it's ready, copy its Project ID Paste it into Claude when it asks

Supabase Project Settings General

If Claude asks you to sign in to Supabase, follow its instructions.

Approve and Run the Setup

Check the project name Claude shows, then reply yes Click the Terminal button at the top of the session Paste the command Claude gives you and press Enter Answer its questions and choose your dashboard email and password When it says Done., reply done in Claude

Keep these private

Keep your password and secret keys private. Never paste them in the chat.

Wait until Claude says Halden is ready, then go to Step 3.

Continue the Setup

Tell Claude you're ready to publish. In a new session, send:

Continue the Setup

Picks up Halden's setup where it stopped.

Continue setting up Halden.

Create a New Web App

No hosting yet? Get a plan in Requirements.

Hostinger Websites Add Website Web App Import Git Repository

Connect GitHub and choose your own Halden repository Keep the Next.js settings Hostinger detects Stop at Environment variables

Add 3 Environment Variables

Add only these three. Claude puts each value on your clipboard: paste it, then reply next.

SUPABASE_URL SUPABASE_PUBLISHABLE_KEY SUPABASE_SECRET_KEY

SUPABASE_URL

Project URL

SUPABASE_PUBLISHABLE_KEY

Publishable key

SUPABASE_SECRET_KEY

Secret key

Deploy and Sign In

Click Deploy and wait for the build to finish Paste your website's address into Claude Open your address followed by /admin and sign in In Settings, under Store, set the Shop address to your live address and click Save

Your store is live.

Add Your Name and Logo

Everything you save in the dashboard appears on your live store straight away.

Settings Store

Change the Store name Upload your Logo Click Save

Add a Product

Products Add product

Fill in the Name and Description Add photos Fill in Price and stock Click Create product

Set Delivery, Payment and WhatsApp

Settings

In Delivery, set your delivery options In Checkout and payment, choose how shoppers can order If you offer bank transfer, add your own bank details In Contact and WhatsApp, add your number with its country code Save each panel

Update Your Homepage

Storefront

In Look, pick your accent colour In Top of the homepage, change the headline and photo Click Save

Place a Test Order

Open your live store and add a product to the bag Check out with Pay on delivery

Check It in Orders

Orders

Open the test order Click Cancel order and confirm Change something small in Storefront and reload your store to see it live

Before real customers

Remove the demo products in Settings → Demo content, and replace the sample store and bank details with your own.