From Silos to Synergy: The Complete Playbook to Frontend Tech-Stack Unification

Hygraph
Docs

Install an app

This document will walk you through the process of installing an app on Hygraph.

#1. Navigate to your apps

Your appsYour apps

If you're a developer and created an app, now you need to install it in order to be able to use it. Navigate to User menu > Your apps in your Hygraph project, locate the card of the app you wish to install, then click on the install icon.

#2. Install your app

Whether you got here from step 1, a marketplace link, or a shared app link, the next step is to install the app.

App installation- DeepL exampleApp installation- DeepL example

To install the app, select a Project name and an Environment from the dropdowns, then click on Install app.

#3. App permission authorization

The App permission autorhization screen will display as a result, where the app requests your authorization to access your project. This screen lists the permissions you'll be granting.

App permission authorization screen - DeepL exampleApp permission authorization screen - DeepL example

You must click on the Authorize app button to proceed. You can revoke access at any time by deleting the app.

#4. Configure your app

The last step is filling in the required data in the app configuration screen.

App configuration screen - DeepL exampleApp configuration screen - DeepL example

This screen is shown only as an example. The configuration screen will require different information depending on the app.

After you've filled in the required information, save it to finish the process. You'll be able to find the installed app in the Apps tab of your project, under Installed apps.

#Resources

  • App Framework: Overview to our App Framework, which extends Hygraph capabilities, offering the possibility of creating your own custom apps and sharing them with other users.
  • Migrate to apps: A guide on migrating from UIX to app.
  • Register an app: Documentation for developers on how to register an app on the Hygraph platform.
  • Using app tokens: Document on how to generate an app token for your app during installation.
  • Delete an app: Documentation for developers on how to delete an app you have created.
  • First steps: Comprehensive step-by-step guide on how to develop an app with custom field and sidebar elements.
  • Next.js starter: Document that guides you through the process of developing an app with a custom field using our Next.js starter.
  • API Reference: Our App Framework API Reference.