Skip to main content
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.The admin app then walks you through three setup steps: add at least one Locale, one Region that offers it, and one Domain. Frontic needs all three before it can serve data, and the project stays in these steps until they are done. If you’re unsure, pick your primary market and default language. You can add more later. See Project Settings and Domains for the full reference.
2

Get data in

Pick the route that matches where you are.
If you want to wire things up yourself, connect a source through a Connector. Shopify, Shopware, commercetools, Akeneo, Storyblok, Contentful, and more are supported - or bring your own via Custom Integration.
Integration picker showing pre-built connectors: Shopware, commercetools, Akeneo, Shopify, Storyblok, Reviews.io, CSV Import, and Custom APIIntegration picker showing pre-built connectors: Shopware, commercetools, Akeneo, Shopify, Storyblok, Reviews.io, CSV Import, and Custom API

Pick a pre-built connector or wire up your own through the Custom API

Once the connector is running, raw records flow into a Feed. From there, set up a Data Sync to map feed data into your Data Storages. The Value Composer handles the per-field shaping - defining how each target field gets its value from the source.
Buddy can help here. Describe the source shape and the target shape, and Buddy will propose a sync configuration you can review and approve.
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. On a project that hasn’t run it yet, Frontic steers you into Context Setup first (it’s rolling out gradually): it reads your storefront, asks a short interview about what it couldn’t work out - what you sell, your brand, your design preferences, your coding conventions - and generates the full context for you. Skip for now is always there if you’d rather come back to it.
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 your stack 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.