Question 1

How do I set up Hygraph with Next.js for static site generation?

Accepted Answer

Clone the Next.js example from the repo, add your HYGRAPH_ENDPOINT and HYGRAPH_TOKEN to .env, and use getStaticProps and getStaticPaths as demonstrated to fetch and build static pages with Hygraph data.

Question 2

What's better for Hygraph: graphql-request or Apollo Client?

Accepted Answer

The repo shows both; graphql-request is lightweight for simple queries, while Apollo Client offers caching and advanced features. Choose based on your app's complexity and need for state management.

Question 3

How to render rich text from Hygraph in a React app?

Accepted Answer

Use the @graphcms/rich-text-react-renderer package as shown in the example. It parses Hygraph's Rich Text field and outputs React components, handling nested structures and embeds.

Question 4

Does Hygraph Examples cover authentication with social logins?

Accepted Answer

It includes a NextAuth.js example for credentials, but for OAuth or social logins, you'll need to extend it, as the repo focuses on core Hygraph integrations rather than full auth setups.

Question 5

Hygraph or Contentful: which has better example code for beginners?

Accepted Answer

Hygraph Examples is official and tailored to Hygraph, with practical snippets, while Contentful has its own starters. For Hygraph users, this repo is comprehensive, but Contentful's examples might be more varied for different use cases.

Question 6

How to sync Hygraph content to Algolia for search?

Accepted Answer

Follow the Algolia example that uses webhooks on publish; it demonstrates Next.js API routes to sync data, but you'll need to set up webhooks in Hygraph and configure Algolia indices.

GraphCMS starter blog with React & Apollo Client

What is GraphCMS starter blog with React & Apollo Client?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions