# Weaverse

## Docs

- [getSelectedProductOptions](https://docs.weaverse.io/api-reference/get-selected-product-options.md): Utility function that extracts selected product options from URL search parameters for product variant selection.
- [IMAGES_PLACEHOLDERS](https://docs.weaverse.io/api-reference/images-placeholders.md): A collection of placeholder images for development in Weaverse Hydrogen themes.
- [Introduction](https://docs.weaverse.io/api-reference/introduction.md): Complete API reference for Weaverse Hydrogen development
- [Types](https://docs.weaverse.io/api-reference/types.md): TypeScript interfaces and types for Weaverse Hydrogen development.
- [useChildInstances](https://docs.weaverse.io/api-reference/use-child-instances.md): Hook for accessing child component instances in Weaverse Hydrogen components.
- [useItemInstance](https://docs.weaverse.io/api-reference/use-item-instance.md): Hook for accessing specific component instances in Weaverse Hydrogen components.
- [useParentInstance](https://docs.weaverse.io/api-reference/use-parent-instance.md): Hook for accessing the parent component instance in Weaverse Hydrogen components.
- [useThemeSettings](https://docs.weaverse.io/api-reference/use-theme-settings.md): The useThemeSettings hook provides a simple way for Weaverse Hydrogen components to retrieve and utilize the global theme settings.
- [useWeaverse](https://docs.weaverse.io/api-reference/use-weaverse.md): Hook for accessing the global Weaverse instance in Weaverse Hydrogen components.
- [WeaverseClient](https://docs.weaverse.io/api-reference/weaverse-client.md): The WeaverseClient class provides server-side methods to interact with Weaverse content and services in a Hydrogen storefront.
- [WeaverseRoot](https://docs.weaverse.io/api-reference/weaverse-root.md): The core rendering component for Weaverse content in React-based applications.
- [withWeaverse](https://docs.weaverse.io/api-reference/with-weaverse.md): The withWeaverse HOC enhances your root component, allowing it to access Weaverse-specific properties and methods.
- [Changelog](https://docs.weaverse.io/changelog/index.md): Latest updates, features, and improvements to Weaverse SDK, Studio, and themes.
- [Weaverse v5 Release](https://docs.weaverse.io/changelog/weaverse-v5-release.md): Major release featuring React Router v7, enhanced AI integration, and improved developer experience
- [Community](https://docs.weaverse.io/community/community.md): Join the Weaverse community for support, collaboration, and sharing best practices.
- [Get Page](https://docs.weaverse.io/content-api/get-page.md): Retrieve full page content with component items for a specific page type and handle
- [Get Theme Settings](https://docs.weaverse.io/content-api/get-theme-settings.md): Retrieve theme configuration and static translations for a project
- [List Languages](https://docs.weaverse.io/content-api/list-languages.md): List all languages configured for a project
- [List Pages](https://docs.weaverse.io/content-api/list-pages.md): Retrieve page assignments for a project, with optional type and locale filtering
- [List Projects](https://docs.weaverse.io/content-api/list-projects.md): Retrieve all Weaverse projects belonging to your shop
- [Content API](https://docs.weaverse.io/content-api/overview.md): Read-only REST API for accessing Weaverse page content, theme settings, and project data from external applications
- [How Weaverse Works](https://docs.weaverse.io/core-concepts/how-it-works.md): Understand the architecture and workflow of Weaverse's visual page builder integrated with Shopify Hydrogen.
- [Project Structure](https://docs.weaverse.io/core-concepts/project-structure.md): Essential guide to Weaverse Hydrogen theme structure
- [Custom Domain & DNS Setup](https://docs.weaverse.io/custom-domain-and-dns-setup.md): Connect your custom domain to a Shopify Hydrogen storefront with proper DNS configuration.
- [Deployment](https://docs.weaverse.io/deployment.md)
- [Shopify Hydrogen Skills](https://docs.weaverse.io/developer-tools/shopify-hydrogen-skills.md): Agent skills for building, maintaining, and upgrading Shopify Hydrogen storefronts with Weaverse — works with Claude Code, Cursor, Copilot, and more
- [Weaverse CLI](https://docs.weaverse.io/developer-tools/weaverse-cli.md): The Weaverse CLI facilitates tasks such as project setup, theme scaffolding, and other common developer operations.
- [Weaverse MCP](https://docs.weaverse.io/developer-tools/weaverse-mcp.md): Connect AI tools to Weaverse documentation using the Model Context Protocol for accurate, contextual assistance
- [Weaverse SDKs](https://docs.weaverse.io/developer-tools/weaverse-sdks.md): Weaverse SDKs bundle essential packages, streamlining the development and management of Weaverse Hydrogen themes.
- [Component Schema](https://docs.weaverse.io/development-guide/component-schema.md): The blueprint of a Weaverse component.
- [Creating Components](https://docs.weaverse.io/development-guide/creating-components.md): Learn how to build Weaverse components with proper schemas, TypeScript support, and modern React 19 patterns.
- [Customer Account API Local Development](https://docs.weaverse.io/development-guide/customer-account-local-dev.md): How to set up and test Shopify Customer Account API locally in your Weaverse Hydrogen storefront — for both paid stores and development stores.
- [Data Connectors](https://docs.weaverse.io/development-guide/data-connectors.md): Bind dynamic data to your components without writing code - just like Shopify's theme customizer dynamic sources.
- [Section Data Fetching](https://docs.weaverse.io/development-guide/data-fetching.md): Learn how to fetch and manage data efficiently in Weaverse section components using loaders.
- [Studio vs. Live Environment](https://docs.weaverse.io/development-guide/design-mode.md): Learn how to detect whether your Hydrogen storefront is running inside Weaverse Studio (design mode) or in the live production environment.
- [Environment Variables](https://docs.weaverse.io/development-guide/environment-setup.md): Setting up and managing environment variables in Weaverse Hydrogen theme.
- [Input Settings](https://docs.weaverse.io/development-guide/input-settings.md): Input settings to allow section components customizable via Weaverse Theme Customizer.
- [Styling & Theming](https://docs.weaverse.io/development-guide/styling-theming.md): Apply consistent styling with Tailwind CSS, global theme settings, and modern design patterns in Weaverse components.
- [Weaverse Hydrogen Component](https://docs.weaverse.io/development-guide/weaverse-component.md): Learn how to build powerful, customizable components for your Weaverse Hydrogen theme.
- [Deploy with Docker](https://docs.weaverse.io/docker-deployment.md): Learn how to deploy your Weaverse theme using Docker, with a specific example for Fly.io deployment
- [Weaverse Ecosystem](https://docs.weaverse.io/ecosystem/index.md): Explore the full suite of Weaverse developer tools — SDKs, CLI, MCP server, Content API, themes, and deployment options
- [Shopify Admin API Proxy](https://docs.weaverse.io/features/admin-api-proxy.md): Proxy Shopify Admin GraphQL queries through Weaverse with token-based authentication and scope management
- [Analytics & Conversion Tracking](https://docs.weaverse.io/features/analytics-tracking.md): How to set up GA4, Google Tag Manager, and third-party conversion tracking across your Hydrogen storefront and Shopify checkout.
- [API Access](https://docs.weaverse.io/features/api-access.md): Overview of Weaverse's two APIs — Content API for page data and Admin API Proxy for Shopify GraphQL
- [Content Security Policy](https://docs.weaverse.io/features/content-security.md): How Content Security Policy is dynamically configured and enforced in Weaverse Hydrogen projects, with guidance for customization and best practices.
- [Cookie Consent Banner](https://docs.weaverse.io/features/cookie-consent-banner.md): How to properly configure Shopify's cookie consent banner in Weaverse Hydrogen storefronts, including setup, troubleshooting, and GDPR/privacy compliance.
- [Custom Pages](https://docs.weaverse.io/features/custom-pages.md): Create Hydrogen custom pages with Weaverse.
- [Custom Routing](https://docs.weaverse.io/features/custom-routing.md): Learn how to create custom URL structures for your Hydrogen storefront with Weaverse, mapping them to specific content types.
- [Custom Templates](https://docs.weaverse.io/features/custom-templates.md): Create and assign unique templates for products, collections, pages, and blogs in your Hydrogen storefront using Weaverse.
- [Global Sections](https://docs.weaverse.io/features/global-sections.md): Learn how to define and manage global sections across your Weaverse Hydrogen storefront, enabling reusable content blocks and simplified updates.
- [i18next Integration](https://docs.weaverse.io/features/i18next-integration.md): Learn how to set up i18next for advanced localization and pluralization support in Weaverse.
- [Markets and Localization](https://docs.weaverse.io/features/markets-localization.md): Learn how Weaverse enables you to build and manage a multilingual storefront effortlessly.
- [Navigation Configuration](https://docs.weaverse.io/features/navigation-menus.md): Learn how to configure and optimize navigation menus in your Weaverse Hydrogen storefront using Shopify's Content > Menus.
- [Third-party Integration](https://docs.weaverse.io/features/third-party-integrations.md): Extend the functionality of your Weaverse Hydrogen theme by integrating third-party applications and services.
- [Translation Feature Guide](https://docs.weaverse.io/features/translation-feature-guide.md): Learn how to use Translation Manager to manage reusable storefront copy and page-level localized content.
- [Why Weaverse for Hydrogen](https://docs.weaverse.io/features/why-weaverse-for-hydrogen.md): Technical advantages of using Weaverse as your visual page builder for Shopify Hydrogen storefronts.
- [Advanced Localization Guide](https://docs.weaverse.io/guides/localization-advanced.md): Comprehensive technical guide for implementing multi-locale storefronts with Weaverse, including locale detection mechanisms, fallback behavior, and multi-project approaches.
- [Multi-Project Architecture](https://docs.weaverse.io/guides/multi-project-architecture.md): Comprehensive guide to using multiple Weaverse projects for multi-market storefronts, A/B testing, and multi-brand experiences.
- [Rendering Weaverse Pages](https://docs.weaverse.io/guides/rendering-page.md): Complete guide to rendering different page types in Weaverse with loadPage() and WeaverseContent components.
- [How to Change the Font in Your Weaverse Theme](https://docs.weaverse.io/hydrogen-themes/pilot-theme-customization.md): Learn how to update, extend, or customize fonts in your Weaverse Hydrogen storefront using Fontsource, Google Fonts, or custom uploads.
- [Pilot - Shopify Hydrogen Starter Theme](https://docs.weaverse.io/hydrogen-themes/pilot-theme-overview.md): Elevate your Shopify Headless storefront with Pilot, the robust and versatile starter theme by Weaverse.
- [Theme “Pilot” Sections](https://docs.weaverse.io/hydrogen-themes/pilot-theme-sections.md)
- [Welcome to Weaverse](https://docs.weaverse.io/index.md): Universal visual page builder with AI integration for headless Shopify storefronts using React Router and Hydrogen
- [Integrating Weaverse into an Existing Hydrogen Project](https://docs.weaverse.io/migration-advanced/existing-hydrogen-integration.md): Enhance your existing Hydrogen project by integrating the Weaverse SDK for visual page building and theme customization.
- [Migration & Advanced](https://docs.weaverse.io/migration-advanced/index.md): Advanced topics including v5 migration, custom routing, templates, and integrating Weaverse into existing projects.
- [Weaverse v5 & React Router v7 Migration Guide](https://docs.weaverse.io/migration-advanced/v5-migration.md): Comprehensive guide to Weaverse v5, including the migration from Remix to React Router v7, new features, and upgrade instructions.
- [Deploy to Shopify Oxygen](https://docs.weaverse.io/oxygen-deployment.md): Step-by-step guide to securely deploying your Weaverse Hydrogen Project on Shopify Oxygen, with best practices and troubleshooting.
- [5-Minute Quickstart](https://docs.weaverse.io/quickstart.md): Get a Weaverse Hydrogen storefront running locally in just 5 minutes
- [Example Weaverse Components](https://docs.weaverse.io/resources/example-components.md): Explore real-world examples of Weaverse components with detailed implementation guides.
- [Frequently Asked Questions](https://docs.weaverse.io/resources/faq.md): Comprehensive answers to common questions about Weaverse development, deployment, and usage.
- [Weaverse Tutorial - Build Your First Hydrogen Store](https://docs.weaverse.io/resources/tutorial.md): A complete guide to building a Shopify Hydrogen storefront with Weaverse. Learn to set up, customize, and deploy in 45 minutes.
- [Navigating the Weaverse Studio Interface](https://docs.weaverse.io/studio-guide/interface-tour.md): Understand the key elements and features of the Weaverse Studio editor to efficiently build pages and customize your Hydrogen storefront.
- [Component Not Selectable](https://docs.weaverse.io/troubleshooting/component-not-selectable.md): Fix components that appear in preview but cannot be selected or edited in Weaverse Studio.
- [Preview Connection Errors](https://docs.weaverse.io/troubleshooting/preview-errors.md): Troubleshooting guide for Weaverse Studio preview connection issues
- [Deploy to Cloudflare Workers](https://docs.weaverse.io/workers-deployment.md): Deploy your Hydrogen storefront to Cloudflare Workers for fast, globally distributed hosting

## OpenAPI Specs

- [openapi](https://docs.weaverse.io/api-reference/openapi.json)

## Optional

- [Home](https://weaverse.io)
- [Studio](https://studio.weaverse.io/dashboard)
- [GitHub](https://github.com/weaverse)
- [Community](https://wvse.cc/weaverse-slack)