> 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 Extending Websites with Studio Two ## Article: About Extending Websites with Studio Two ## Article Link: https://dev.wix.com/docs/studio-two/get-started/about-extending-websites-with-studio-two.md ## Article Content: # About Extending Websites with Studio Two 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. ## Technologies 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. ## Development environment 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](https://dev.wix.com/docs/studio-two/get-started/about-the-development-environment.md). For what you can do in the editor itself, see [About the Code Tab](https://dev.wix.com/docs/studio-two/get-started/about-the-code-tab.md). ## Coding features 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](https://dev.wix.com/docs/studio-two/get-started/studio-two-coding-features.md). ## Developer journey Here's what to expect at each stage, from a blank canvas to a fully functioning site. - **Get started:** Explore [Studio Two Coding Features](https://dev.wix.com/docs/studio-two/get-started/studio-two-coding-features.md) 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](https://support.wix.com/en/article/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](https://dev.wix.com/docs/studio-two/test-your-site/work-with-logs/about-logs-in-studio-two.md) to track performance and debug issues. - **Grow:** Become a [Certified Wix Partner](https://www.wix.com/partners/partner-program) to offer your development services or sell apps to an audience of 250M+ users. ## Community - Join the [Wix Developers Discord server](https://discord.gg/47gUT9KabP) and [forum](https://forum.wixstudio.com/) to ask questions, discuss complex topics, and collaborate with other Studio creators. - Contact [customer care](https://www.wix.com/contact) for support with platform issues, billing, or account questions. - Follow the Wix [changelog](https://dev.wix.com/docs/changelog.md) for up-to-date information about Wix features and APIs. - [Subscribe](https://www.wixforms.com/f/7394355343209268224) to the Wix newsletter to receive the latest updates and feature announcements. ## Next steps - Browse [Studio Two Coding Features](https://dev.wix.com/docs/studio-two/get-started/studio-two-coding-features.md) to understand what you can build. - Read [About the Code Tab](https://dev.wix.com/docs/studio-two/get-started/about-the-code-tab.md) 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](https://dev.wix.com/docs/studio-two/get-started/compare-extending-websites-in-studio-two-to-wix-editor-and-wix-studio.md) to check which features Studio Two supports. ## See also - [Studio Two Editor: A Guided Tour of the Studio Two Editor](https://support.wix.com/en/article/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](https://support.wix.com/en/article/studio-two-editor-about-the-studio-two-editor): What the editor includes. - [About the Wix WebMCP](https://dev.wix.com/docs/develop-websites-sdk/get-started/ai-agents/about-the-wix-web-mcp.md): 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.