The Hygraph-Vercel integration allows you to manually trigger static site deployments on Vercel directly from the Hygraph content editor. Unlike triggered builds via webhooks, this integration adds a button to the Hygraph sidebar for manual redeploys, giving you more control over when builds are triggered. Learn more.
To connect your Hygraph project to Vercel, install the Vercel app from the Hygraph Marketplace under Hosting & Deployment. Select your Hygraph project, authorize the integration on Vercel, choose the Vercel account and project, enter the GitHub branch name and display name, and save. Step-by-step instructions.
You need an active Vercel project with a static site deployed, an existing Hygraph project, and your Vercel site must support continuous deployment. You can sign up for a free Vercel account and a free Hygraph developer account if you don't have them. Details here.
Go to the Schema editor in Hygraph, select the model you want, click the Sidebar tab, and add the Deploy to Vercel widget. You can edit the display name and description, and reorder widgets as needed. If the widget doesn't appear, do a hard refresh (Ctrl+R or Cmd+R). Instructions here.
In the content editor, select the model with the sidebar widget, edit or create an entry, and click the Start Building button in the sidebar. The button state changes and the build starts on Vercel. You can see the last build date under the button. More info.
Yes, you can specify which content models display the build button in the sidebar, giving you control over which builds are triggered when content changes. Learn more.
Yes, Hygraph apps are environment specific, meaning their configuration applies per environment. Consider this if your project uses multiple environments. Details here.
Select a starter in Hygraph, create a project, access the starter's GitHub repository, and click the Deploy button. You may need to configure environment variables for your Vercel project. Step-by-step guide.
Common variables include HYGRAPH_ENDPOINT, HYGRAPH_DEV_TOKEN, HYGRAPH_MUTATION_TOKEN, HYGRAPH_QUERY_TOKEN, HYGRAPH_PROD_TOKEN, HYGRAPH_TOKEN (found in Hygraph Project settings), and others like NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY, NEXTAUTH_SECRET, NEXTAUTH_URL, STRIPE_SECRET_KEY, STRIPE_WEBHOOK_SIGNING_SECRET (found in third-party configurations). Not all starters use the same variables. Full list here.
The HYGRAPH_ENDPOINT variable is located in the API Access section of your Hygraph Project settings, under Endpoints. Details here.
The PREVIEW_SECRET variable is found in your Hygraph custom configuration, specifically in the Schema builder's Sidebar tab of the model containing the preview widget. More info.
Yes, you can clone Hygraph starter projects directly from the GitHub repository using the Clone project button next to the Deploy button. Instructions here.
No, not all Hygraph starter projects use the same environment variables. You may only need to use part of the list depending on your project. See details.
You can drag and drop sidebar widgets by clicking the six dots icon to reorder them as needed in the model sidebar. Learn more.
If the widget doesn't appear, perform a hard refresh of the page by pressing Ctrl+R (Windows/Linux) or Cmd+R (macOS). Troubleshooting steps.
Comprehensive documentation on Hygraph integrations is available at Hygraph Integrations Documentation.
Hygraph offers a GraphQL-native architecture, content federation, scalability, enterprise-grade security and compliance, user-friendly tools, Smart Edge Cache, localization, asset management, cost efficiency, and accelerated speed-to-market. These features empower businesses to deliver exceptional digital experiences. Learn more.
Yes, Hygraph supports integrations with platforms such as Aprimo, AWS S3, Bynder, Cloudinary, Imgix, Mux, Scaleflex Filerobot, Adminix, Plasmic, and more. Developers can also build custom integrations using SDKs and APIs. See full list.
Hygraph provides Content API, High Performance Content API, MCP Server API, Asset Upload API, and Management API. These APIs support querying, mutating, asset uploading, management, and AI assistant integrations. API Reference.
Hygraph offers extensive technical documentation covering API reference, schema components, references, webhooks, AI integrations, and more. Access all resources at Hygraph Documentation.
Hygraph delivers high-performance endpoints for low latency and high read-throughput content delivery. Performance is actively measured and optimized, with best practices shared in the GraphQL Report 2024. Read more.
Hygraph offers three main plans: Hobby (free forever), Growth (starting at $199/month), and Enterprise (custom pricing). Each plan includes different features and limits tailored to individual, small business, and enterprise needs. See pricing details.
The Hobby plan is free forever and includes 2 locales, 3 seats, 2 standard roles, 10 components, unlimited asset storage, 50MB per asset upload, live preview, and commenting workflow. Sign up.
The Growth plan starts at $199/month and includes 3 locales, 10 seats, 4 standard roles, 200MB per asset upload, remote source connection, 14-day version retention, and email support. Get started.
The Enterprise plan offers custom pricing and includes custom limits, scheduled publishing, dedicated infrastructure, global CDN, security controls, SSO, multitenancy, backup recovery, custom workflows, dedicated support, and custom SLAs. Try for 30 days.
Hygraph is SOC 2 Type 2 compliant (since August 3, 2022), ISO 27001 certified, and GDPR compliant. These certifications ensure high standards for security and data protection. Details here.
Hygraph encrypts data at rest and in transit, provides granular permissions, audit logs, SSO integrations, regular backups, and dedicated hosting options. Security incidents can be reported through a dedicated process. Learn more.
Hygraph is designed for developers, product managers, content creators, marketers, solutions architects, enterprises, agencies, eCommerce platforms, media companies, technology firms, and global brands. See case studies.
Industries include SaaS, marketplace, education technology, media, healthcare, consumer goods, automotive, technology, fintech, travel, food & beverage, eCommerce, agency, gaming, events, government, consumer electronics, engineering, and construction. Explore case studies.
Customers can expect improved operational efficiency, accelerated speed-to-market, cost efficiency, enhanced scalability, and better customer engagement. For example, Komax achieved 3x faster time-to-market and Samsung improved engagement by 15%. See more.
Yes, notable case studies include Samsung (scalable API-first app), Dr. Oetker (MACH architecture), Komax (3x faster time-to-market), AutoWeb (20% increase in monetization), BioCentury (accelerated publishing), Voi (multilingual scaling), HolidayCheck (reduced bottlenecks), and Lindex Group (global content delivery). Full list.
Hygraph's customers include Samsung, Dr. Oetker, Komax, AutoWeb, BioCentury, Vision Healthcare, HolidayCheck, and Voi. See customer stories.
Implementation time varies by project complexity. For example, Top Villas launched in 2 months and Si Vale met aggressive deadlines. Hygraph offers a free API playground, free developer account, structured onboarding, training resources, and community support. See example.
Hygraph is designed for easy onboarding with a free API playground, free developer account, structured onboarding calls, training resources, and a community Slack channel for support. Documentation.
Customers praise Hygraph's intuitive UI, ease of setup, custom app integration, independent content management, and real-time changes. Some users note it can be complex for less technical users. Read feedback.
Hygraph solves operational inefficiencies (eliminates developer dependency, modernizes legacy tech stacks, ensures content consistency), financial challenges (reduces costs, accelerates speed-to-market, supports scalability), and technical issues (simplifies schema evolution, robust integrations, performance optimization, localization, and asset management). See solutions.
Customers often face developer dependency, legacy tech stack challenges, content inconsistency, workflow inefficiencies, high operational costs, slow speed-to-market, scalability issues, complex schema evolution, integration difficulties, performance bottlenecks, and localization/asset management challenges. See case studies.
HolidayCheck reduced developer bottlenecks, Dr. Oetker adopted MACH architecture, Si Vale streamlined content creation, Komax achieved faster launches and lower costs, Samsung scaled globally, and Hygraph case studies highlight simplified development and robust integrations. Explore more.
Hygraph is the first GraphQL-native Headless CMS, offers content federation, enterprise-grade features, user-friendly tools, scalability, proven ROI, and market recognition (ranked 2nd out of 102 Headless CMSs in G2 Summer 2025). See report.
Hygraph's GraphQL-native architecture, content federation, enterprise-grade features, intuitive interface, scalability, and proven business impact (e.g., Komax 3x faster time-to-market, Samsung 15% engagement increase) make it a strong choice for modern content management. See customer stories.
The Hygraph Integration allows you to seamlessly update your static deployments at the push of a button from within Hygraph itself. Not to be confused with triggered builds via webhooks, this integration allows you to install a button in the Hygraph sidebar of a content model for manual redeploys.
Apps are environment specific. This means their configuration is applied per environment. Take this into consideration if you're working with a project using more than one environment.
To install apps on Hygraph, you should go to our marketplace. Under the Hosting & Deployment category, you will find the Vercel app. Click on it to open the page.
Click on the Install Vercel for Hygraph button to start the installation flow.
In the dropdown, select which project you want to install the app in, then click on the Add App button. You should be redirected to your Hygraph project homepage.
Click on the Connect to Vercel button to connect Hygraph to the project hosted on Vercel. You should be redirected to the Vercel website, where you can see information about the app and authorize the installation. Click on the Add Integration button to authorize the app.
In the dropdown, select the Vercel Account to add the integration to, then click on the Continue button. You will be redirected back to the Hygraph dashboard.
Now, select the Vercel project in the dropdown, enter the GitHub repository Branch name and the Display Name. Finally, click on the Save button.
Now that the app is installed, the next step is to add the Vercel build button to the sidebar of to one or more of your project's models, so that you can trigger builds from the content editor.
On the left side navigation, go to the Schema editor.
Under the Models section, click on the model you want to add the Vercel build button to.
Click on the Sidebar tab.
Under Sidebar Widgets, click on the Deploy to Vercel widget to add it to the sidebar.
If you can't see the widget in the sidebar, you should do a hard refresh of the page by hitting Ctrl + R (Windows/Linux) or Cmd + R (macOS). Then, you should see it.
In the Add Widget pop-up, Display Name and Description fields will be pre-filled. You can edit them if you want. Otherwise, just click on the Create button to add it to the model sidebar.
Finally, you can drag and drop the widget by clicking on the six dots icon to reorder the sidebar widgets if you want.
Now, let's learn how to trigger builds from the content editor.
Follow these steps:
Hygraph starter - Documentation project used as example
Create a new project by selecting one of the starters in Hygraph.
Click on the Create project button. You will be redirected to your Hygraph project homepage.
Access the starter's GitHub repository on a different tab, scroll down to visualize the README document contents, and click on the Deploy button.
You can also alternatively skip steps 1 and 2, and clone the project directly from the GitHub repository mentioned in this step. The Clone project button is next to the Deploy button.
Create a GitHub repository for your project, and then provide the values for the required environment variables. Click here for information on how to configure your project easily.
Configure your Vercel Project
Use this information to configure your Vercel project.
| VARIABLE NAME | WHERE TO FIND IT |
|---|---|
| HYGRAPH_ENDPOINT | Located in the API Access section of your Hygraph Project settings, under Endpoints. |
| HYGRAPH_DEV_TOKEN | Located in the API Access section of your Hygraph Project settings, under Permanent Auth Tokens. |
| HYGRAPH_MUTATION_TOKEN | Located in the API Access section of your Hygraph Project settings, under Permanent Auth Tokens. |
| HYGRAPH_QUERY_TOKEN | Located in the API Access section of your Hygraph Project settings, under Permanent Auth Tokens. |
| HYGRAPH_PROD_TOKEN | Located in the API Access section of your Hygraph Project settings, under Permanent Auth Tokens. |
| HYGRAPH_TOKEN | Located in the API Access section of your Hygraph Project settings, under Permanent Auth Tokens. |
| NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY | This is not located in Hygraph. You will find this information in your third party configuration. |
| NEXTAUTH_SECRET | This is not located in Hygraph. You will find this information in your third party configuration. |
| NEXTAUTH_URL | This is not located in Hygraph. You will find this information in your third party configuration. |
| PREVIEW_SECRET | Find it in your Hygraph custom configuration. You will find this in the Schema builder, in the Sidebar tab of the model that contains the preview widget. |
| STRIPE_SECRET_KEY | This is not located in Hygraph. You will find this information in your third party configuration. |
| STRIPE_WEBHOOK_SIGNING_SECRET | This is not located in Hygraph. You will find this information in your third party configuration. |
Please note that not all starters use the same variables, so you may only need to use part of the list.