# Web Studio

> Source: https://agilitycms.com/docs/overview/glossary-web-studio

**Web Studio** is an area inside Agility for preview, collaboration, visual editing and screen-size comparison. It loads your preview and production deployments in a frame, so editors can check staging and live content without leaving the product, and can start comment threads on top of the preview.

It works as soon as your sitemaps have deployments with the correct URLs. Installing the **Web Studio SDK** lets Agility follow your navigation, and decorating your components and fields in code lets editors click a component or field to edit it.

## Related terms

- [Preview Key](/docs/overview/glossary-preview-key)
- [Sitemap](/docs/overview/glossary-sitemap)
- [Component](/docs/overview/glossary-component)

## Learn more

- [Getting Started With Web Studio](/docs/overview/web-studio)
- [Previewing in Web Studio](/docs/editors/previewing-in-web-studio)
- [Set Up Web Studio with Any Framework](/docs/developers/web-studio-setup-any-framework)

[All glossary terms](/docs/overview/glossary)

---

## Related pages

- [Agility Glossary](https://agilitycms.com/docs/overview/glossary.md)
- [App](https://agilitycms.com/docs/overview/glossary-app.md)
- [Asset](https://agilitycms.com/docs/overview/glossary-asset.md)
- [Batch](https://agilitycms.com/docs/overview/glossary-batch.md)
- [Channel](https://agilitycms.com/docs/overview/glossary-channel.md)
- [Component](https://agilitycms.com/docs/overview/glossary-component.md)
- [Component Model](https://agilitycms.com/docs/overview/glossary-component-model.md)
- [Content List](https://agilitycms.com/docs/overview/glossary-content-list.md)
- [Content Model](https://agilitycms.com/docs/overview/glossary-content-model.md)
- [Content Sync](https://agilitycms.com/docs/overview/glossary-content-sync.md)
- [Custom Field](https://agilitycms.com/docs/overview/glossary-custom-field.md)
- [Dynamic Page](https://agilitycms.com/docs/overview/glossary-dynamic-page.md)
- [Fetch API](https://agilitycms.com/docs/overview/glossary-fetch-api.md)
- [Fetch Key](https://agilitycms.com/docs/overview/glossary-fetch-key.md)
- [Gallery](https://agilitycms.com/docs/overview/glossary-gallery.md)
- [GraphQL API](https://agilitycms.com/docs/overview/glossary-graphql-api.md)
- [Instance](https://agilitycms.com/docs/overview/glossary-instance.md)
- [Knowledgebase MCP Server](https://agilitycms.com/docs/overview/glossary-knowledgebase-mcp-server.md)
- [Linked Content](https://agilitycms.com/docs/overview/glossary-linked-content.md)
- [llms.txt and Markdown Twins](https://agilitycms.com/docs/overview/glossary-llms-txt.md)
- [Locale](https://agilitycms.com/docs/overview/glossary-locale.md)
- [Management API](https://agilitycms.com/docs/overview/glossary-management-api.md)
- [MCP Server](https://agilitycms.com/docs/overview/glossary-mcp-server.md)
- [Nested Content](https://agilitycms.com/docs/overview/glossary-nested-content.md)
- [Organization](https://agilitycms.com/docs/overview/glossary-organization.md)
- [Page](https://agilitycms.com/docs/overview/glossary-page.md)
- [Page Model](https://agilitycms.com/docs/overview/glossary-page-model.md)
- [Personal Access Token](https://agilitycms.com/docs/overview/glossary-personal-access-token.md)
- [Preview Key](https://agilitycms.com/docs/overview/glossary-preview-key.md)
- [Shared Content](https://agilitycms.com/docs/overview/glossary-shared-content.md)
- [Sitemap](https://agilitycms.com/docs/overview/glossary-sitemap.md)
- [Staging and Published](https://agilitycms.com/docs/overview/glossary-staging-and-published.md)
- [Webhook](https://agilitycms.com/docs/overview/glossary-webhook.md)
- [Workflow](https://agilitycms.com/docs/overview/glossary-workflow.md)
- [Zone](https://agilitycms.com/docs/overview/glossary-zone.md)

Index of every docs page: https://agilitycms.com/docs/llms.txt