> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: Quick Start from a Vibe Coding Platform

## Article: Quick Start from a Vibe Coding Platform

## Article Link: https://dev.wix.com/docs/go-headless/get-started/quick-starts/self-managed-headless/quick-start-from-a-vibe-coding-platform.md

## Article Content:

# Quick Start from a Vibe Coding Platform

Build your frontend in a vibe coding platform such as [Base44](https://base44.com/) or [Lovable](https://lovable.dev/), and use Wix Headless as your backend. Wix provisions a headless project and dashboard for you, and the vibe coding platform wires your frontend to Wix business APIs.

This is a [self-managed headless](https://dev.wix.com/docs/go-headless/self-managed-headless/about-self-managed-headless.md) setup: the vibe coding platform hosts your frontend, and you manage your business from the Wix dashboard.

## Before you begin

Make sure you have:

- A Wix account. [Sign up for a Wix account](https://manage.wix.com/account/custom-apps) if you don't have an account yet.
- Access to a supported vibe coding platform, such as Base44, Lovable, Bolt, or v0.

## Step 1 | Create your project on Wix

1. Go to the [Wix Headless homepage](https://www.wix.com/lp-en/headless).
2. Select your vibe coding platform.

   ![Choose your vibe coding platform](https://wixmp-833713b177cebf373f611808.wixmp.com/images/56e2441316801a37e4a38e93673c1813.png)

3. Describe what you want to build in the prompt box, or choose one of the preset prompts. Your prompt automatically includes the [Wix Headless skill](https://wix.com/headless/skill.md), which tells the vibe coding platform how to connect your frontend to Wix. You can describe a frontend connected to Wix business solutions such as:

   - A storefront with a product catalog and checkout ([Wix Stores](https://dev.wix.com/docs/api-reference/business-solutions/stores/introduction.md))
   - A booking site with class schedules and online payments ([Wix Bookings](https://dev.wix.com/docs/api-reference/business-solutions/bookings/introduction.md))
   - An events page that sells tickets ([Wix Events](https://dev.wix.com/docs/api-reference/business-solutions/events/introduction.md))
   - A portfolio or blog backed by the CMS ([Wix CMS](https://dev.wix.com/docs/api-reference/business-solutions/cms/introduction.md))

   For example:

   ```text
   Build a storefront for handmade ceramics
   Using wix.com/headless/skill.md
   ```

   For more information, see [featured business solutions for Wix Headless](https://dev.wix.com/docs/go-headless/project-guides/featured-business-solutions.md).

4. Click **Create Project**.

   Wix provisions a headless project and opens your vibe coding platform with the prompt pasted into the prompt window or already running.

## Step 2 | Wait for your frontend to build

Your vibe coding platform fetches the Wix Headless integration instructions and builds your frontend. Follow along in the platform's chat as it works.

When the build finishes, your frontend preview loads, wired to your Wix project.

## Step 3 | Open your Wix dashboard

When the build completes, the vibe coding platform's chat includes a link to your [Wix dashboard](https://support.wix.com/en/article/about-your-wix-dashboard). Open it to set up your headless project.

From the dashboard, add and manage your business content and settings. For example:

- Add products to your store, set up bookings, or create CMS content.
- Connect [payment methods](https://support.wix.com/en/article/accepting-payments-an-overview).
- Invite [collaborators](https://dev.wix.com/docs/go-headless/project-guides/project-management/invite-collaborators.md).

## Step 4 | Refine your project

With your frontend and Wix backend connected, keep refining your project in 2 places:

- **In your vibe coding platform**: Use the chat to change the design, add pages, or extend functionality. For example, ask to add a customer reviews section or update the homepage layout.
- **In your Wix dashboard**: Continue updating business content and settings as your site grows.

> **Note:** If you add a new business solution in the dashboard, prompt your vibe coding platform to integrate it into your frontend.

Changes you make in the dashboard, such as adding store products, appear in your frontend preview.

## Step 5 | Publish your frontend and connect it to Wix

When you're ready to go live, publish your frontend from the vibe coding platform and connect it to your Wix project.

1. In your vibe coding platform, click **Publish** and copy your live frontend URL.
2. In your Wix dashboard, add your frontend link. Click **Add Link** in the dashboard header.
3. In the **Update Frontend Link** window, paste your published frontend URL and click **Update Link**.

   Wix uses this URL to send visitors back to your site, for example after checkout, for links in marketing emails, and notifications. Adding the frontend link also adds its domain to your [allowed redirect domains](https://dev.wix.com/docs/go-headless/project-guides/wix-hosted-pages/add-allowed-redirect-domains.md), so checkout redirects should work without extra setup.

If you publish a new version of your frontend on a different URL, update the frontend link in your dashboard to match.

## See also

- [About Self-Managed Headless](https://dev.wix.com/docs/go-headless/self-managed-headless/about-self-managed-headless.md)
- [Add a Frontend Link for Marketing Campaigns](https://dev.wix.com/docs/go-headless/project-guides/wix-hosted-pages/add-a-frontend-link-for-marketing-campaigns.md)
- [Add Allowed Redirect Domains](https://dev.wix.com/docs/go-headless/project-guides/wix-hosted-pages/add-allowed-redirect-domains.md)
- [Featured Business Solutions](https://dev.wix.com/docs/go-headless/project-guides/featured-business-solutions.md)