> 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: About Development Workspaces

## Article: About Development Workspaces

## Article Link: https://dev.wix.com/docs/develop-websites-sdk/code-your-site/developer-environments/editors/about-development-workspaces.md

## Article Content:

# About Development Workspaces

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.

## Core development capabilities

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.

## Page code management

Manage code organization for different page types and their associated functionality:

- **Main pages**: Standard site pages with custom code.
- **[Global page](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/code-with-java-script/about-code-placement.md#running-code-on-all-pages-with-global-code)**: Site-wide code that runs on every page of a site.
- **[CSS](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/build-a-custom-frontend/css/about-custom-css.md)**: Global styling and design system management.
- **App-specific pages**: Custom pages for installed apps that extend a site's functionality.
- **[Dashboard pages](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/build-a-custom-dashboard/about-dashboard-pages.md)**: Custom pages for a site's dashboard for admin and collaborators.
- **[Dynamic pages](https://support.wix.com/en/article/cms-about-dynamic-pages)**: Content-driven pages linked with a site's [CMS](#data-management).
- **[Router pages](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/build-a-custom-backend/routers/about-routers.md)**: Custom routing and navigation logic.
- **[Popups](https://support.wix.com/en/article/studio-editor-using-popups)**: Site modals and popups.

## Code organization

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](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/code-with-java-script/about-code-placement.md#public-files)**: 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](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/extend-wix-business-solutions/service-plugins/about-service-plugins.md)**: APIs used to inject custom logic, 3rd-party integrations, and new workflows into Wix.

## Data management

Manage the following types of data collections:

- **[Your collections](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/work-with-data/introduction/about-collections.md)**: Custom data collections that you create using the CMS with configurable fields, data types, and permissions.
- **[Wix app collections](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/work-with-data/introduction/about-collections.md#app-collections)**: Data collections of installed Wix apps.
- **External collections**: Data from external databases and services that you integrate with your Wix site.

## Dependency management

Handle the following external dependencies and custom extensions:

- **[npm packages](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/developer-environments/packages/npm/about-npm-packages.md)**: Public registry of reusable JavaScript libraries.
- **[Velo packages](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/developer-environments/packages/velo-packages/about-velo-packages.md)**: Wix code libraries written using Velo.
- **[Custom apps](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/developer-environments/packages/custom-apps/about-custom-apps.md)**: Wix Apps that you create or install to extend a site's capabilities with specialized features.

## GitHub integration

Connect your development environment to GitHub for version control, collaboration, and local development workflows.

For more information, see [integrating a site with GitHub](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/developer-environments/ides/git-integration/about-git-integration-with-wix-cli.md).

## Development tools

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](https://dev.wix.com/docs/develop-websites-sdk/test-your-site/work-with-wix-logs/about-wix-logs.md)**: View, filter, and search through logs using Wix logs, Google Cloud logs, or an external logging tool.
- **[Secrets manager](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/developer-environments/secrets/about-the-secrets-manager.md)**: Securely store and manage sensitive information like API keys, passwords, and configuration data.
- **[Automations](https://support.wix.com/en/article/wix-automations-about-the-new-automations-builder)**: Manage custom workflows that trigger actions based on specific events or conditions.

## Test and troubleshoot

Run tests and troubleshoot your code:

- **[Debugging](https://dev.wix.com/docs/develop-websites-sdk/test-your-site/debug-your-code/about-debugging-your-code.md)**: Debug using the Wix Developer Console.
- **[Functional testing](https://dev.wix.com/docs/develop-websites-sdk/test-your-site/test-backend-functions/about-functional-testing.md)**: Individual testing of backend methods to verify functionality and debug.
- **[Test sites](https://dev.wix.com/docs/develop-websites-sdk/test-your-site/work-with-test-sites/about-test-sites.md)**: Isolated testing site where you can safely test changes and new features before deploying to a live site.

## AI code assistants

Access AI-powered code assistance for faster development and improved code quality.

For more information, see [About AI Assistants](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/developer-environments/ai-assistants/about-ai-assistants.md).

## See also

- [About Code Placement](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/code-with-java-script/about-code-placement.md)
- [Development Environments](https://dev.wix.com/docs/develop-websites-sdk/get-started/overview/development-environments.md)
- [Site Development Features](https://dev.wix.com/docs/develop-websites-sdk/get-started/overview/site-development-features.md)