Wix’s Development Frameworks

Whether you're a seasoned developer or just dipping your toes into the world of coding, Wix offers an arsenal of developer-friendly tools and technologies to drive your app-building journey. These tools and technologies are integrated within 3 frameworks, each providing a comprehensive development model. This article guides you through the process of choosing the development framework that’s right for you.

The 3 frameworks you can use are:

Wix Blocks

Use Wix Blocks to design, code, and deploy on Wix’s native app editor. Build site and dashboard components using Wix’s drag-and-drop editor, with its powerful layout and design tools, and code your business logic using Velo, Wix’s native coding solution. Your code is deployed and hosted on the Wix cloud, with no additional costs or setup.

Learn more about Wix Blocks

Here's what Wix Blocks looks like:

Wix CLI

Use Wix CLI to code and deploy with Wix’s React/Node.js stack. Get the standard JavaScript developer experience, code on your local machine with your preferred IDE, and collaborate with your team using git. Your code is deployed and hosted on the Wix cloud, with no additional costs or setup.

Learn more about Wix CLI

Here's what creating an app with Wix CLI looks like:

Self-hosting

You can also use your own tech stack, and handle the deployment and hosting yourself. When setting up your application in your app's dashboard, simply provide URLs to your deployment assets, such as iframes, webhooks, and JavaScript bundles.

Learn more about self-hosting

Here's an example of registering a self-hosted iframe in your app's dashboard:

Combine frameworks

A Wix app’s functionality is based on a set of extensions that are added to a site, for example, a dashboard page, a site widget or specific backend logic. You can build each of these extensions using one or more of Wix’s development frameworks.

It’s important to understand that no matter which framework you start with, you can always continue developing your app using any of the other frameworks. Your app can contain multiple extensions, each built with a different framework. In fact, there are several use cases that require multiple frameworks in the same app. Learn more about the frameworks you can use to build each type of extension.

Summary

So which framework should you choose? Basically, it’s a question of which tech stack and tools you prefer to work with. Here’s a summary of the main features of each development framework:

Wix BlocksWix CLISelf-hosting
  • Drag-and-drop UI editor.
  • Native Wix coding solution in an online IDE.
  • No-code and low-code features.
  • Frontend and backend coding, databases, and deployment flows.
  • Hosted on the Wix cloud.
  • Standard TypeScript full-stack developer experience.
  • Your preferred local IDE.
  • App scaffolding, live preview, and deployment flows.
  • Collaboration and version control on git.
  • Hosted on the Wix cloud.
  • Your own tech stack and tools.
  • Limited access to Wix developer utilities.
  • Hosted on the platform of your choice.
Did this help?