FAQ

General

What is the E-commerce Starter Kit?

A production-ready Next.js template with 40 screens for building online stores. It includes a complete storefront, multi-step checkout, customer accounts, and an admin dashboard — all built with Tailwind CSS v4 and shadcn/ui.

Is this a full e-commerce platform?

It's a frontend template, not a full-stack platform. It provides all the UI you need — product pages, cart, checkout, admin dashboard — but you connect your own backend, database, and payment provider. Pages use seed data that you replace with your data source.

What tech stack does it use?

Next.js 16, React 19, Tailwind CSS v4 with oklch tokens, shadcn/ui components, TypeScript, Recharts, and Embla Carousel.

Does it include a payment integration?

The checkout has placeholder forms for credit card, PayPal, and Apple Pay. You integrate your preferred provider (Stripe, PayPal, etc.) by replacing the form handlers.

Licensing

What license is included?

Solo (1 developer), Team (up to 5), or Agency (unlimited + client delivery). See the product page for pricing.

Can I use this for client projects?

With the Agency license, yes. Solo and Team licenses are for your own products only.

Technical

Does it include a backend or database?

No. The kit is frontend-only. All pages use mock data from data/seed.ts. Replace with API calls, a CMS, or database queries when building your store.

How do I add real products?

Replace the seed data in data/seed.ts with your data source — a headless CMS (Sanity, Contentful), a database (Prisma, Drizzle), or an API (Shopify Storefront API, Medusa).

Does it support Stripe?

The checkout UI is provider-agnostic. To add Stripe, install @stripe/react-stripe-js and replace the payment form with Stripe Elements. The form structure is ready for integration.

Can I use it with Shopify?

Yes. Use the Shopify Storefront API as your data source. Replace seed data imports with Shopify GraphQL queries. The UI components work with any data shape — just map Shopify's product format to the Product interface in types/index.ts.

Can I use it with an existing Next.js project?

Yes. Copy components/, data/, and types/ directories. Install dependencies and import the design tokens from globals.css. See the Installation guide.

Does it support internationalization (i18n)?

Not out of the box. The template uses English strings. To add i18n, integrate next-intl or react-i18next and replace hardcoded strings with translation keys.

Support

How do I get help?

Email support@thefrontkit.com or visit the Support page.

Is there a refund policy?

Yes. 7-day money-back guarantee, no questions asked.