About Wix Vibe GitHub Integration

This feature is temporarily unavailable.

Wix Vibe GitHub integration connects a Wix Vibe project to a dedicated GitHub repository. This gives you GitHub's version control and collaboration capabilities, as well as the flexibility to work in whatever IDE you prefer.

Code in your preferred IDE

Develop a Wix Vibe site using your preferred IDE. Wix sets up a repository that you can clone and develop in using standard development workflows.

Work with multiple collaborators at once

You can let others interact with a Wix Vibe site's code by inviting them as collaborators on your GitHub repository. Multiple developers can work on a site's code at once.

Note: Only the owner of a Wix Vibe site can access the Wix Vibe editor.

Version control

GitHub integration extends Wix Vibe's version management. Your Wix Vibe site reflects the main branch of your repository. To sync your local changes with Wix Vibe, merge them to the main branch.

Wix Vibe saves changes to the site's code when:

  • You press the Save button in the Code tab.
  • You edit UI elements on the site in the Site tab.
  • The AI agent makes a change to the site.

Saved changes are tracked as commits in your GitHub repository, giving you a clear history of edits and the ability to revert to previous versions when needed.

When multiple sources edit the same files simultaneously, conflicts can occur. If you push changes to the repository while the AI agent makes changes to the same files, the AI agent shows a rejection message. If your local clone of the repository has files that aren't up to date and you push changes to those files, you'll get a rejection message in your IDE.

File structure

Wix Vibe projects are built using Astro, a web development framework optimized for performance. The UI components provided by Wix Vibe are written in React.

Caution: Only edit files that are in the src folder. Editing other files may cause unexpected behavior or damage to your project.

Extensions folder

Your Wix Vibe project may also include an extensions folder. This folder hosts the code for any Wix app extensions included in your project. App extensions allow you to extend dashboard and backend functionality. For example, you can add custom dashboard pages or implement backend logic to handle events.

Note: The supported extension types for Wix Vibe are the same as those supported by the CLI for Headless.

Get started

To get started with GitHub integration, set up GitHub integration to connect your project to a repository.

Note: GitHub integration only supports creating new repositories. You can't reconnect to an existing repository.

See also

Did this help?