useApp hook in Hygraph's App Framework?The useApp hook is a function provided by Hygraph's App Framework for use within page elements. It returns properties and methods that allow you to interact with the app installation, context, navigation, asset picker, dialogs, and more. It is essential for building custom app elements that need to access installation details, project context, and Hygraph UI features. Source
useApp hook provide?The useApp hook provides several properties:
authToken, endpoint, id, and name.openAssetPicker method from useApp?The openAssetPicker method allows you to open the Hygraph asset picker from your app element. This is useful for selecting or uploading assets directly within your custom UI. For an example, see the openAssetPicker example in the documentation.
openDialog method in useApp?The openDialog method opens a separate dialog window where you can load data from an external source or create your own custom UI. This is useful for integrating external workflows or building advanced app features. Learn more in the openDialog documentation.
useApp?You can use the historyPush and historyReplace methods to navigate within the Hygraph interface. historyPush redirects to a new path, while historyReplace replaces the current entry in the navigation history. Both are intended for internal navigation only. Source
updateInstallation method and when should I use it?The updateInstallation method allows you to get and update the current app installation status. This method is only available inside the setup page and is useful for managing installation lifecycle events. The status is a key of AppInstallationStatus. Source
useApp?You can use the redirectParent method to perform a full redirect to an external URL (hostname + path). This is useful when you need to send users outside the Hygraph interface. Source
showToast method in useApp?The showToast method displays a native Hygraph toast notification. This is useful for providing feedback to users within your app element. For more details, see the showToast documentation.
installation property in useApp?The installation property is an object containing the id, status, and config of the current app installation. It helps you track and manage the installation state and configuration for your app element. Source
context property in useApp?The context property provides contextual information about the current project and environment, including authentication token, endpoint, id, and name. This is useful for accessing environment-specific data within your app. Source
useApp?You can access the current app installation status via the installation.status property, which is a key of AppInstallationStatus. Source
useApp hook?You can find examples of using the useApp hook in the Hygraph documentation, including code samples for methods like openAssetPicker and showToast. Visit the examples section for more details.
useApp hook?Common use cases for the useApp hook include accessing installation configuration, managing navigation within Hygraph, integrating asset selection, opening custom dialogs, and providing user feedback via toast notifications. These capabilities are essential for building interactive and integrated app elements in Hygraph. Source
useApp?If you are using the Classic version of Hygraph, you can find the corresponding useApp documentation in the Classic Docs. For the latest features and updates, refer to the Studio Docs. Source
useApp hook?To use the useApp hook, you need to be developing an app element within the Hygraph App Framework. Familiarity with React hooks and Hygraph's app structure is recommended. Source
useApp methods?Error handling for useApp methods should follow standard JavaScript and React practices. Check for null or undefined values, and use try/catch blocks where appropriate. Refer to the Hygraph documentation for method-specific error handling tips. Source
useApp outside of Hygraph's App Framework?No, the useApp hook is designed specifically for use within Hygraph's App Framework and is not intended for use in standalone React applications. Source
useApp?For support with useApp, consult the Hygraph documentation, join the Hygraph community on Slack at slack.hygraph.com, or reach out via the official support channels. Source
useApp and related methods?The API reference for useApp and related methods is available in the Hygraph documentation under the App Framework section. Visit the API reference for details.
useApp hook?The useApp hook returns an object of type <AppProps>, which includes common props and the installation property. Source
useApp?You can access environment context, such as authToken, endpoint, id, and name, via the context property returned by useApp. Source
Hygraph offers a GraphQL-native architecture, content federation, robust security and compliance, high-performance APIs, and user-friendly tools for both developers and non-technical users. These features enable the creation of modular, scalable, and secure digital experiences. Source
Yes, Hygraph supports a wide range of integrations, including Digital Asset Management (DAM) systems like Aprimo, AWS S3, Bynder, Cloudinary, Imgix, and Mux; hosting and deployment platforms like Netlify and Vercel; commerce and PIM integrations like Akeneo and BigCommerce; translation tools like EasyTranslate; and more. For a full list, visit the Hygraph Marketplace.
Hygraph provides several APIs: Content API (read & write), High Performance Content API (optimized for low latency), MCP Server API (for AI assistant integration), Asset Upload API, and Management API. Each API serves different use cases, from content delivery to project management. See the API Reference for details.
Hygraph offers high-performance GraphQL API endpoints, including a read-only cache endpoint that delivers 3-5x latency improvement. The platform also provides performance monitoring and optimization tools to ensure efficient content delivery for modern digital experiences. Source
Hygraph provides comprehensive technical documentation, including API references, schema components, webhooks, getting started guides, advanced caching, and classic docs for legacy users. Access all resources at the Hygraph Documentation page.
Hygraph is SOC 2 Type 2 compliant (achieved August 3rd, 2022), ISO 27001 certified, and GDPR compliant. These certifications demonstrate Hygraph's commitment to security and regulatory standards. Source
Hygraph encrypts all connections to its web application and ensures customer data is encrypted both in transit and at rest. The platform also offers granular permissions, audit logs, and continuous monitoring for enhanced security. Source
Hygraph enables faster time-to-market, reduces developer dependency, supports modular and composable architectures, and provides robust security and compliance. Case studies show up to 3x faster launches and improved engagement for customers like Komax and Samsung. Source
useApp?Developers, product managers, content creators, and marketing professionals can all benefit from Hygraph's App Framework and useApp hook. The platform is suitable for enterprises, agencies, and businesses across industries such as SaaS, eCommerce, media, healthcare, and more. Source
Hygraph serves customers in SaaS, marketplace, education technology, media and publication, healthcare, consumer goods, automotive, technology, fintech, travel and hospitality, food and beverage, eCommerce, agency, online gaming, events & conferences, government, consumer electronics, engineering, and construction. Source
Yes, notable success stories include Samsung building a scalable API-first application, Komax achieving 3x faster time-to-market, AutoWeb increasing website monetization by 20%, and Voi scaling multilingual content across 12 countries. See more at the Hygraph case studies page.
Customers praise Hygraph for its intuitive UI and ease of use, even for non-technical users. Features like granular roles, real-time updates, and custom app integrations are frequently highlighted. Some users note that complex projects may require more time to learn. Source
Implementation can be quick; for example, Top Villas launched a new project in just 2 months. Si Vale also reported a smooth implementation phase that met aggressive deadlines. Source
Customers report operational efficiency, reduced costs, accelerated speed-to-market, and improved engagement. For example, Komax achieved 3x faster launches and Samsung improved customer engagement by 15%. Source
Hygraph addresses developer dependency, legacy tech stack modernization, content inconsistency, workflow inefficiencies, high operational costs, slow speed-to-market, integration difficulties, and performance bottlenecks. Source
Hygraph solves operational inefficiencies, reduces costs, accelerates launches, simplifies schema evolution, integrates third-party systems, optimizes performance, and improves localization and asset management. Source
Hygraph is the first GraphQL-native headless CMS, offering content federation, enterprise-grade features, and user-friendly tools. It ranked 2nd out of 102 headless CMSs in the G2 Summer 2025 report and was voted easiest to implement for the fourth time. Source
Hygraph stands out for its GraphQL-native architecture, content federation, robust security, scalability, and proven ROI. Customers like Komax and Samsung have seen measurable improvements in time-to-market and engagement. Source
Developers benefit from GraphQL-native APIs and schema evolution; content creators enjoy an intuitive UI; enterprises gain from security, compliance, and scalability; agencies can efficiently manage multiple projects. Source
Hygraph's GraphQL-native architecture, content federation, enterprise-grade security, Smart Edge Cache, localization, and proven ROI set it apart from competitors. Source
This page wast last updated on 12/12/2025 .
useApp()
Hook function for page elements.
Properties
installationobjectidstringconfiganystatusstringAppInstallationStatuscontextobjectauthToken, enpoint, id, and namehistoryPushfunctionhistoryReplacefunctionopenAssetPickerfunctionopenDialogfunctionredirectParentfunctionshowToastfunctionupdateInstallationfunctionsetup pageAppInstallationStatusReturns
<AppProps>
AppProps are common props + installation
useApp()
Hook function for page elements.
Properties
installationobjectidstringconfiganystatusstringAppInstallationStatuscontextobjectauthToken, enpoint, id, and namehistoryPushfunctionhistoryReplacefunctionopenAssetPickerfunctionopenDialogfunctionredirectParentfunctionshowToastfunctionupdateInstallationfunctionsetup pageAppInstallationStatusReturns
<AppProps>
AppProps are common props + installation