# Build your Hygraph project

Learn how to build your Hygraph project, from project administration and schema modeling, including remote sources, to visual editing, content, assets, and webhooks.

Use these guides to configure your project, model your schema, manage content and assets, connect your frontend, bring in external data, and automate workflows.

New to Hygraph? Start with [Get started](https://hygraph.com/docs/getting-started), or follow the [full tutorial](https://hygraph.com/docs/getting-started/tutorial/tutorial-overview) to build your first project.

[Video](https://www.youtube.com/watch?v=s-47dgkrQns)

## Common tasks

| Task | Start here |
| --- | --- |
| Set up your project | Manage [environments](https://hygraph.com/docs/developer-guides/project/manage-project-environments), [locales](https://hygraph.com/docs/developer-guides/project/manage-project-locales), and [content stages](https://hygraph.com/docs/developer-guides/project/configure-content-stages). |
| Model your schema | Create [models](https://hygraph.com/docs/developer-guides/schema/models), choose [field types](https://hygraph.com/docs/developer-guides/schema/field-types), and reuse structure with [components](https://hygraph.com/docs/developer-guides/schema/components) and [references](https://hygraph.com/docs/developer-guides/schema/references). For the concepts, see [Content modeling in Hygraph](https://hygraph.com/docs/core-concepts/content-modeling/content-modeling-in-hygraph). |
| Connect your frontend | Let editors review and change content from your frontend with [visual editing](https://hygraph.com/docs/developer-guides/visual-editing/visual-editing-overview), including [live preview](https://hygraph.com/docs/developer-guides/visual-editing/live-preview) and [Click to Edit](https://hygraph.com/docs/developer-guides/visual-editing/click-to-edit). |
| Bring in external data | Source data from third-party web services with [Remote Sources and remote fields](https://hygraph.com/docs/developer-guides/remote-data/overview). |
| Automate | Configure [webhooks](https://hygraph.com/docs/developer-guides/webhooks/webhooks-overview), for example to deploy your Vercel or Gatsby project. |

## Section contents

### Project administration

| Document | Contents |
| --- | --- |
| [Set up and maintain your project](https://hygraph.com/docs/developer-guides/project/project-administration-overview) | Configure and maintain your project, from project details and environments to governance, monitoring, and recovery. |
| [Manage project information](https://hygraph.com/docs/developer-guides/project/manage-project-info) | Edit your project details, clone or share your project, manage support access, leave the project, or delete it. |
| [Clone your project](https://hygraph.com/docs/developer-guides/project/clone-your-project) | Clone your project, and review the limitations of cloning. |
| [Manage billing and plans](https://hygraph.com/docs/developer-guides/project/update-billing) | Manage your project billing details, subscription plans, and commercial limits. |
| [Manage environments](https://hygraph.com/docs/developer-guides/project/manage-project-environments) | Create, switch, and delete environments, and promote an environment to master. |
| [Work with multiple environments](https://hygraph.com/docs/developer-guides/project/multiple-environments) | Set up a development environment, keep changes made during development, and promote an environment to master. |
| [Usage dashboard](https://hygraph.com/docs/developer-guides/project/usage-dashboard) | Monitor your project's API calls, asset bandwidth, and operational limits from the Usage dashboard. |
| [Configure content stages](https://hygraph.com/docs/developer-guides/project/configure-content-stages) | Understand how system content stages work, and configure custom content stages. |
| [Manage locales](https://hygraph.com/docs/developer-guides/project/manage-project-locales) | Manage your project's locales. |
| [Lab features](https://hygraph.com/docs/developer-guides/project/lab-features) | Enable or disable experimental features, and choose which roles can access them. |
| [Audit logs](https://hygraph.com/docs/developer-guides/project/audit-logs) | See all changes inside your project, including the event fields, logged resources, and logged actions, and filter the logs. |
| [Backup & recovery](https://hygraph.com/docs/developer-guides/project/backup-and-recovery) | Roll back your main environment to a previous working version after unintentional deletions. |
| [Workflows](https://hygraph.com/docs/developer-guides/project/content-workflows) | Set up workflows to manage content creation and approval in a clear and structured way. |
| [Content freeze](https://hygraph.com/docs/developer-guides/project/content-freeze) | Pause content creating, editing, and publishing while you promote schema changes, so editors' work is never caught mid-change. |

### Schema

| Document | Contents |
| --- | --- |
| [Build your schema](https://hygraph.com/docs/developer-guides/schema/schema-overview) | Build your schema from models, fields, components, references, remote sources, enumerations, taxonomies, and variants. |
| [Models](https://hygraph.com/docs/developer-guides/schema/models) | Create, edit, and delete models in the Schema builder, and add the fields that define your content structure. |
| [Field types](https://hygraph.com/docs/developer-guides/schema/field-types) | Choose the right field type for your content, and add it to a model in the Schema builder. |
| [Field configuration](https://hygraph.com/docs/developer-guides/schema/field-configuration) | Configure fields with settings, validations, visibility options, and more. |
| [Conditional fields](https://hygraph.com/docs/developer-guides/schema/conditional-fields) | Configure conditional visibility for the fields in your schema. |
| [Reserved terms](https://hygraph.com/docs/developer-guides/schema/reserved-terms) | Check the list of reserved terms that you cannot use in your schema. |
| [Slug](https://hygraph.com/docs/developer-guides/schema/slug-field) | Configure a slug field to generate its value from other field values in your model. |
| [Components](https://hygraph.com/docs/developer-guides/schema/components) | Create components, reusable sets of fields, add them to models, use them in content entries, and nest them. |
| [References](https://hygraph.com/docs/developer-guides/schema/references) | Configure reference fields, and choose between the different types available. |
| [Components or references](https://hygraph.com/docs/developer-guides/schema/components-or-references) | Decide whether to use a component or a reference in your schema. |
| [Remote sources](https://hygraph.com/docs/developer-guides/remote-data/overview) | Add content from other systems and sources to the Hygraph API with Remote Sources, without migrating it. |
| [Configure Remote Sources](https://hygraph.com/docs/developer-guides/remote-data/remote-sources) | Configure Remote Sources to add content from other systems to the Hygraph API without migrating it. |
| [Remote fields vs top-level remote fields](https://hygraph.com/docs/developer-guides/remote-data/remote-field) | Choose between remote fields and top-level remote fields to fetch data from a remote source. |
| [Add remote data to your model](https://hygraph.com/docs/developer-guides/remote-data/remote-content) | Add remote fields to a model, or use top-level remote fields to fetch data unrelated to Hygraph. |
| [Remote data troubleshooting](https://hygraph.com/docs/developer-guides/remote-data/troubleshooting) | Troubleshoot remote data errors and known issues, and refetch your data. |
| [Remote data examples](https://hygraph.com/docs/developer-guides/remote-data/remote-data-examples) | See examples of working with Remote Sources, remote fields, and top-level remote fields. |
| [Enumerations](https://hygraph.com/docs/developer-guides/schema/using-enumerations) | Create, add, use, and delete enumerations to group values within a type. |
| [Taxonomies](https://hygraph.com/docs/developer-guides/schema/taxonomies) | Create, add, use, and delete taxonomies to define hierarchical structures for content classification. |
| [Best practices for taxonomies](https://hygraph.com/docs/developer-guides/schema/taxonomies-best-practices) | Follow best practices for setting up taxonomies in Hygraph. |
| [Variants](https://hygraph.com/docs/developer-guides/schema/variants) | Work with Variants to personalize your content. |
| [Import schema elements](https://hygraph.com/docs/developer-guides/schema/import-schema) | Reuse and import schema elements across Hygraph projects. |

### Visual editing

| Document | Contents |
| --- | --- |
| [Set up visual editing](https://hygraph.com/docs/developer-guides/visual-editing/visual-editing-overview) | Let editors review and change content directly from your frontend with live preview and Click to Edit. |
| [Set up live preview](https://hygraph.com/docs/developer-guides/visual-editing/live-preview) | Set up live preview to preview content in your frontend before it's published. |
| [Live preview setup: Frontend implementation](https://hygraph.com/docs/developer-guides/visual-editing/live-preview-frontend) | Configure your React, Next.js, Remix, Vue, Nuxt, Astro, or vanilla JavaScript frontend to serve DRAFT content for live preview. |
| [Click to Edit setup](https://hygraph.com/docs/developer-guides/visual-editing/click-to-edit) | Install the Hygraph Preview SDK and configure Click to Edit, so editors can jump from any preview element to the corresponding field in Studio. |
| [Click to Edit setup: Next.js App Router](https://hygraph.com/docs/developer-guides/visual-editing/click-to-edit-next-js-app-router) | Set up Click to Edit with the Hygraph Preview SDK in a Next.js App Router project. |
| [Click to Edit setup: Next.js Pages Router](https://hygraph.com/docs/developer-guides/visual-editing/click-to-edit-next-js-pages-router) | Set up Click to Edit with the Hygraph Preview SDK in a Next.js Pages Router project. |
| [Click to Edit setup: Remix](https://hygraph.com/docs/developer-guides/visual-editing/click-to-edit-remix) | Set up Click to Edit with the Hygraph Preview SDK in a Remix project. |
| [Click to Edit setup: Vue / Nuxt](https://hygraph.com/docs/developer-guides/visual-editing/click-to-edit-vue-nuxt) | Set up Click to Edit with the Hygraph Preview SDK in a Vue or Nuxt project. |
| [Click to Edit setup: Vanilla JavaScript](https://hygraph.com/docs/developer-guides/visual-editing/click-to-edit-vanilla-js) | Set up Click to Edit with the Hygraph Preview SDK in a vanilla JavaScript project. |
| [Click to Edit: Advanced API](https://hygraph.com/docs/developer-guides/visual-editing/click-to-edit-advanced-api) | Use advanced Preview SDK APIs for Click to Edit, including React hooks, Preview methods, DOM events, and helpers for dynamic content. |

### Content

| Document | Contents |
| --- | --- |
| [Manage content in Studio](https://hygraph.com/docs/developer-guides/content/content-overview) | Find, create, edit, publish, version, and localize content in the content editor. |
| [Access content](https://hygraph.com/docs/developer-guides/content/access-created-content) | Access the content you created. |
| [Configure columns](https://hygraph.com/docs/developer-guides/content/configuring-columns) | Configure columns to declutter your content views by hiding information that is not relevant to you. |
| [Search for content](https://hygraph.com/docs/developer-guides/content/searching-for-content) | Search for content in your project. |
| [Use filters](https://hygraph.com/docs/developer-guides/content/using-filters) | Use filters to restrict the content shown by specific parameters. |
| [Content views](https://hygraph.com/docs/developer-guides/content/content-views) | Update default content views, create and organize custom views, and manage view groups. |
| [Create content](https://hygraph.com/docs/developer-guides/content/creating-content) | Create content and connect related content. |
| [Update content](https://hygraph.com/docs/developer-guides/content/updating-content) | Update content and sort related content. |
| [Delete content](https://hygraph.com/docs/developer-guides/content/deleting-content) | Delete content and remove related content. |
| [Duplicate content](https://hygraph.com/docs/developer-guides/content/duplicating-content) | Duplicate content and relations. |
| [Copy an entry to another project](https://hygraph.com/docs/developer-guides/content/copy-entry-to-another-project) | Copy a saved content entry into a different Hygraph project you belong to, matching fields and locales into a model there. |
| [Publish content](https://hygraph.com/docs/developer-guides/content/publishing-content) | Publish content, and work with outdated and published content. |
| [Use content stages](https://hygraph.com/docs/developer-guides/content/content-stages) | Work with Hygraph's default content stages, and create custom workflows using content stages. |
| [Version content](https://hygraph.com/docs/developer-guides/content/versioning-content) | View the evolution of your project's published content with content versioning. |
| [Localize content](https://hygraph.com/docs/developer-guides/content/content-localization) | Add translations, and show or hide translated fields. |
| [Scheduled publishing](https://hygraph.com/docs/developer-guides/content/scheduled-publishing) | Schedule content to be published or unpublished, create releases, and review scheduling limitations. |
| [Rich text editor](https://hygraph.com/docs/developer-guides/content/rich-text-editor) | Create, edit, and manipulate text and images in content entries with the Rich Text editor. |
| [Use references in content entries](https://hygraph.com/docs/developer-guides/content/using-references) | Add and manage reference fields in the content editor to link content entries. |

### Assets

| Document | Contents |
| --- | --- |
| [Work with assets](https://hygraph.com/docs/developer-guides/assets/work-with-assets) | Sort, filter, and edit assets in the assets manager, and perform single or bulk actions. |
| [Add an asset entry](https://hygraph.com/docs/developer-guides/assets/add-asset-entry) | Add asset entries to attach metadata to your assets. |
| [Upload assets](https://hygraph.com/docs/developer-guides/assets/upload-asset) | Upload assets step by step. |

### Webhooks

| Document | Contents |
| --- | --- |
| [Automate with webhooks](https://hygraph.com/docs/developer-guides/webhooks/webhooks-overview) | Configure, edit, enable, disable, and delete webhooks, and view webhook logs. |
| [Trigger builds with webhooks](https://hygraph.com/docs/developer-guides/webhooks/trigger-builds-with-webhooks) | Deploy your Vercel project using webhooks. |
| [Deploy your Gatsby project](https://hygraph.com/docs/developer-guides/webhooks/deploy-gatsby-project) | Deploy your Gatsby project using webhooks. |

## Related resources

- [API Reference](https://hygraph.com/docs/api-reference): The Content API, the Management API, and how your schema appears in GraphQL.
- [Management SDK](https://hygraph.com/docs/api-reference/management-sdk/management-sdk): Manage your project configuration, including your schema, as code.
- [Code examples](https://hygraph.com/docs/developer-guides/hygraph-code-examples): Our most recently updated code examples.
- [Tutorials](https://hygraph.com/blog/tag/build-with-hygraph): Step-by-step tutorials on the Hygraph blog.