Extending websites with Studio Two gives you a unique blend of flexibility, ease of use, and powerful features. Whether you're a seasoned developer or just starting out, Studio Two provides the tools and technologies you need to build visually appealing and fully functional dynamic web applications.
- Custom UI components: Build site components with React and connect them to data and business solutions through Studio Two's component model.
- Full-stack development: Leverage a robust suite of developer tools and Wix APIs to build and deploy with efficiency and security.
- Content management: Use the Wix CMS and its data APIs to manage, serve, and display content dynamically at scale.
- Wix business solutions: Connect directly to production-ready solutions like Wix Stores and Wix Bookings, and extend them to deliver a tailored experience for site visitors.
- Zero-setup backend: Implement backend logic with a fully supported hosting environment. Wix handles infrastructure, hosting, and scaling so you can focus on your code.
- AI-assisted development: Use Aria, Wix's built-in AI assistant, for a tailored coding experience that understands your site's project and can write and modify extensions for you.
- 3rd-party integrations: Expand a site's capabilities by adding npm packages and external services such as payment providers and marketing tools.
Build with trusted, industry-standard tools tailored to Wix's platform.
- React: Build custom UI components with React. Studio Two's component model is React-based, so your existing React skills apply directly.
- TypeScript: Write both frontend and backend code in TypeScript, with full type support for manifests, component props, and Wix APIs.
- Astro: Studio Two sites are built on Astro, which handles the project structure and build pipeline.
- Node.js: Wix provides a hosted Node.js environment for your backend code.
- MongoDB: Wix uses MongoDB as the database for its CMS, offering a flexible and scalable solution for managing and storing content.
All development happens in the Code tab of the Studio Two editor, a Visual Studio Code environment running in the browser. It includes the Wix Extension Builder for adding extensions to your site, Aria for AI-assisted coding, and a terminal for standard development tasks.
For a full overview, see About the Development Environment. For what you can do in the editor itself, see About the Code Tab.
Studio Two supports a wide range of coding features, from custom React components and HTTP endpoints to data collections and dashboard extensions.
For a full overview, see Studio Two Coding Features.
Here's what to expect at each stage, from a blank canvas to a fully functioning site.
- Get started: Explore Studio Two Coding Features and browse the API reference to see what you can build.
- Code: Work in the Code tab, using the Wix Extension Builder to scaffold extensions and Aria or your own edits to build out the functionality.
- Test: Preview your site in the Studio Two editor and use a test site to experiment without affecting your live site. For how preview and publishing work, see Studio Two Editor: Saving, Previewing, and Publishing a Site.
- Publish: Publish your site from the Studio Two editor to make your extensions available to site visitors.
- Maintain: Monitor your site using the monitoring dashboard and Logs to track performance and debug issues.
- Grow: Become a Certified Wix Partner to offer your development services or sell apps to an audience of 250M+ users.
- Join the Wix Developers Discord server and forum to ask questions, discuss complex topics, and collaborate with other Studio creators.
- Contact customer care for support with platform issues, billing, or account questions.
- Follow the Wix changelog for up-to-date information about Wix features and APIs.
- Subscribe to the Wix newsletter to receive the latest updates and feature announcements.
- Browse Studio Two Coding Features to understand what you can build.
- Read About the Code Tab to get oriented in the Code tab.
- If you already extend a Wix Editor or Wix Studio site with code, see Compare Extending Websites in Studio Two to Wix Editor and Wix Studio to check which features Studio Two supports.
- Studio Two Editor: A Guided Tour of the Studio Two Editor: A tour of the editor where you build the site before you add code.
- Studio Two Editor: About the Studio Two Editor: What the editor includes.
- About the Wix WebMCP: Lets a visitor's AI agent use tools on the site after the Wix user adds the Wix WebMCP app. The site is enabled by default.