Hygraph app navigation guide

After successfully logging in and selecting a project, you can move to different sections of the app using the tabs in the navigation menu, located on the left of the screen.

#Top bar

Hygraph - Top bar

Top Bar section	What you can do
1. Project & Environment	See the current project and environment you are working in. Hover over to view the plan information and use the dropdown to switch projects or environments.
2. Trial indicator	View plan details, such as Hobby or 30-day trial. Click here to open the plan picker and upgrade seamlessly within the app.
3. Command menu	Displays a set of actions depending on where you are in Studio.
4. Content finder	Search for content across all entries in your environment.
5. Recently viewed	Check out your recently viewed entries here.
6. AI Assist (Available for enabled projects only)	Helps editors generate, improve, and localize content seamlessly within the content entry experience, without needing to leave the editor.
7. Help	Documentation on concepts, code examples, reference apps, features etc, a link to join Hygraph's Slack community.
8. Contact Support	Contact our Support teams to resolve any issues you might have.
9. Notifications	View system notifications, updates, and alerts related to your project and environment.
10. Profile	View your account settings and log out of Hygraph Studio.

#App sections

Roles and permissions assigned to users determine what they can see and interact with in the app. The following image shows what the app looks like to a user added to the default Editor system role:

Hygraph - Default view for Editor role

Considering that this view might change depending on your company adding you to a customized Editor role, let's go over all sections available in the app, irrespective of what your role might be:

Project Homepage

App section	What you can do
1. Hygraph Studio	See a list of projects, your apps, and an overview of your projects.
2. Home	Your project homepage.
3. Schema	Setup of the content models as required by your project.
4. Content	Access existing content, create custom content views, create/ edit content, review content, and publish content.
5. Assets	Tab to manage and upload your assets.
6. API Playground	An API playground where you can test out API calls.
7. Apps	A section to manage apps.
8. Webhooks	A section to manage webhooks.
9. Project Settings	Details about project information, API access, billing, environments, locales and members

As an Editor, the Content editor is probably the most relevant section to you, and where you are likely to spend most of your time.

Some schema management tasks require completing a series of similar repeated actions with a lot of confirmation popups. Hygraph Studio allows keyboard navigation through the command menu, which greatly speeds up the process. Open this menu by using CMD+K (or CTRL+K in Windows), or by clicking Search in the top bar:

Command menu - Search

The menu contains the following sections:

Schema: This section offers shortcuts to system and user-defined models, and user-defined components & enumerations in the Schema builder.
Content table: This section offers shortcuts to user-defined models and custom views in the Content editor.
Add content: This section offers shortcuts to create new content entries for any of the models currently in your Schema.
Project settings: This section offers shortcuts to each part of your project settings.
Recently viewed: This section offers shortcuts to the entries you've recently viewed.

Hygraph - Command menu

Hygraph offers you a way to quickly go back to a content entry that you recently saw or edited. As a content editor, you usually work in projects with a lot of content views and content entries.

You can access a menu with shortcuts to your recently viewed content entries. Click on the clock icon on the top bar to bring up the recently viewed menu:

#App navigation

#Top bar

#App sections

#Command menu

#Recently viewed menu