Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.frontic.com/llms.txt

Use this file to discover all available pages before exploring further.

The fastest path to a working Frontic project with real data flowing through it. By the end of this page you’ll have a project, storages, and data you can build against.
1

Create an account and a project

Head to the admin app and sign up. Once you’re in, go to Settings → Projects and click Add Project. Give it a name and set it Active.Then open the project settings and add at least one Region and one Locale — Frontic needs these before it can serve data. If you’re unsure, pick your primary market and default language. You can add more later. See Project Settings for the full reference.
2

Get data in

Pick the route that matches where you are.
Already have a live shop? Paste its URL into the Shop Importer and let Frontic do the rest.Frontic profiles the site automatically — it detects the platform, locales, currencies, navigation structure, categories, and product model. Once the profile is ready, review it and adjust anything that doesn’t look right.When you confirm, Frontic provisions the entire project for you: Data Storages, Data Syncs, field mappings, and the initial data import. No manual wiring needed.
The shop importer is available for Shopify and Shopware stores today, with more platforms coming.
3

Set up your Context Base

The Context Base is the shared knowledge layer that every agent reads — whether you build in Studio or in your editor with our CLI and MCP. It holds your design system, coding standards, tone of voice, and business context so agents don’t start from zero.Open Studio from the sidebar and hit the setup button on the landing page. Studio walks you through a short interview — what you sell, your brand, your design preferences, your coding conventions — and generates the full context for you.
You can rerun the setup any time (/init-context) to update your context as the project evolves. See Context Base for more.
4

You're ready to build

Your project has data in it, Studio knows your conventions, and the backend is live. Pick a route and start shipping.

Your first feature

A walkthrough that shows you Studio and your editor side by side.

Build in Studio

Open a Studio job and start creating the experience.

​
Common first problems

The importer currently supports Shopify and Shopware. If your shop runs on a different platform, use the Connect a data source route and pick the matching connector — or a custom integration if there’s no pre-built one.
Connectors poll or sync on their own schedule. Give it a minute, then check the feed records view. If nothing shows up, check the connector’s status and credentials in the Integrations section.
That’s expected. The Data Sync + Value Composer step is where you map and transform. Start with a direct mapping for the fields that match 1:1 and use composer operations for the rest.