SvelteKit Commerce

An all-in-one starter kit for high-performance e-commerce sites built with SvelteKit.

Deploy

View Demo

Framework

Svelte

Use Case

Ecommerce

CSS

Tailwind

SvelteKit Commerce

SvelteKit Commerce is an open-source, customizable ecommerce template built with SvelteKit, Tailwind CSS, and Shopify.

Deploy Your Own

This template includes read-only Shopify credentials by default, but you can add the following environment variables to make it your own:

VITE_SHOPIFY_API_ENDPOINT
VITE_SHOPIFY_STOREFRONT_API_TOKEN

Running Locally

pnpm install: Install dependencies
pnpm dev: Start development server
pnpm build: Create a production build of the app
pnpm preview: Preview the production build

← Back to Templates

vercel/sveltekit-commerce

SvelteKit Commerce

An all-in-one starter kit for high-performance e-commerce sites built with SvelteKit.

Framework

Use Case

CSS

SvelteKit Commerce

SvelteKit Commerce is an open-source, customizable ecommerce template built with SvelteKit, Tailwind CSS, and Shopify.

Deploy Your Own

This template includes read-only Shopify credentials by default, but you can add the following environment variables to make it your own:

VITE_SHOPIFY_API_ENDPOINT
VITE_SHOPIFY_STOREFRONT_API_TOKEN

Running Locally

pnpm install: Install dependencies
pnpm dev: Start development server
pnpm build: Create a production build of the app
pnpm preview: Preview the production build

Related Templates

Next.js Commerce

Starter kit for high-performance commerce with Shopify.

by ▲ Vercel

Contentstack Commerce

Learn to use Contentstack SDK to create apps with Next.js and Vercel.

by Contentstack

Builder.io Shopify Commerce

Builder.io starter for Headless Shopify stores.

by Builder.io

SvelteKit Route Config

This template shows how to configure Edge Functions, Serverless Functions, and ISR in SvelteKit applications on a per-route basis.

by Steph Dietz

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential