The Wix development workspaces provide integrated tools for managing site architecture, codebase, and resources across Wix Studio and the Wix Editor. These workspaces enable you to organize, write, and manage a site's code and dependencies through a unified development experience.
The development environment enables you to perform the following tasks:
- Organize and manage site page code and structure.
- Search your codebase.
- Integrate with GitHub for local development.
- Manage dependencies and package installations.
- Configure and manage data collections.
- Access debugging and monitoring tools.
Manage code organization for different page types and their associated functionality:
- Main pages: Standard site pages with custom code.
- Global page: Site-wide code that runs on every page of a site.
- CSS: Global styling and design system management.
- App-specific pages: Custom pages for installed apps that extend a site's functionality.
- Dashboard pages: Custom pages for a site's dashboard for admin and collaborators.
- Dynamic pages: Content-driven pages linked with a site's CMS.
- Router pages: Custom routing and navigation logic.
- Popups: Site modals and popups.
Manage your codebase with the following categories for security and organization:
- Page Code: Code that runs on individual pages to respond to user actions, customize page behavior, and integrate with public and backend functions.
- Public: Shared functions and logic that can be imported and used across multiple page files.
- Backend: Backend code that runs securely on Wix's servers.
- Service plugins: APIs used to inject custom logic, 3rd-party integrations, and new workflows into Wix.
Manage the following types of data collections:
- Your collections: Custom data collections that you create using the CMS with configurable fields, data types, and permissions.
- Wix app collections: Data collections of installed Wix apps.
- External collections: Data from external databases and services that you integrate with your Wix site.
Handle the following external dependencies and custom extensions:
- npm packages: Public registry of reusable JavaScript libraries.
- Velo packages: Wix code libraries written using Velo.
- Custom apps: Wix Apps that you create or install to extend a site's capabilities with specialized features.
Connect your development environment to GitHub for version control, collaboration, and local development workflows.
For more information, see integrating a site with GitHub.
Access the following development and debugging capabilities:
- Build status: Monitor code compilation and deployment processes in real-time.
- Monitoring: Monitor backend requests, data requests, and a site's collection storage.
- Logging tools: View, filter, and search through logs using Wix logs, Google Cloud logs, or an external logging tool.
- Secrets manager: Securely store and manage sensitive information like API keys, passwords, and configuration data.
- Automations: Manage custom workflows that trigger actions based on specific events or conditions.
Run tests and troubleshoot your code:
- Debugging: Debug using the Wix Developer Console.
- Functional testing: Individual testing of backend methods to verify functionality and debug.
- Test sites: Isolated testing site where you can safely test changes and new features before deploying to a live site.
Access AI-powered code assistance for faster development and improved code quality.
For more information, see About AI Assistants.