<h2>Overview:</h2>
<p>Gatsby Starter Hygraph Blog is a Gatsby starter theme designed for creating a basic blog using the Hygraph CMS. It offers an easy and efficient way to build a blog website with features like gatsby-image integration, MDX support, and built with Tailwind CSS. By following a few installation steps, users can quickly start building their blog using this theme.</p>
<h2>Features:</h2>
<ul>
<li>
<p><strong>Gatsby-Image Integration:</strong> Easily utilize Hygraph image assets with gatsby-image.</p>
</li>
<li>
<p><strong>MDX Support:</strong> Supports MDX, a popular file format for writing and rendering React components in Gatsby, specifically on Hygraph RichText fields.</p>
</li>
<li>
<p><strong>Built with Tailwind CSS:</strong> The theme is built using Tailwind CSS, a highly customizable CSS framework.</p>
</li>
</ul>


<h2>Overview:</h2>
<p>The Hygraph Commerce Starter is a project that allows users to build modern and SEO-ready commerce storefronts using Hygraph, Next.js, Stripe, and Tailwind CSS. It provides an example of how to build a fully-functioning Next.js commerce storefront with features such as a localized product catalogue, pre-rendered catalogue pages, dynamic client-side data fetching, and a localized shopping cart. The project also includes a hosted checkout and payment flow with Stripe Checkout, and uses the Hygraph mutation API with API Routes to create orders on successful checkout. The project supports multiple currencies and requires a Stripe account for usage.</p>
<h2>Features:</h2>
<ul>
<li>Fully localized product catalogue built with Hygraph localization and Next.js</li>
<li>Pre-rendered catalogue pages via getStaticProps and getStaticPaths</li>
<li>Dynamic client-side data fetching via SWR</li>
<li>Localized shopping cart with react-use-cart</li>
<li>Hosted checkout and payment flow with Stripe Checkout</li>
<li>Use of the Hygraph mutation API with API Routes to create orders on successful checkout</li>
<li>Multiple currency support</li>
</ul>


<h2>Overview</h2>
<p>The reference-marketing-website is a starter template for creating a SaaS Marketing Website using Next.js and Hygraph. It provides a set of features and functionality to quickly build a professional marketing website for a software-as-a-service (SaaS) product.</p>
<h2>Features</h2>
<ul>
<li><strong>DemoClone project</strong>: Allows you to clone the project repository and start building your website.</li>
<li><strong>Deploy with Vercel</strong>: Provides support for deploying the website with Vercel, allowing for easy deployment and hosting.</li>
<li><strong>Next.js Preview Mode</strong>: Enables Next.js Preview Mode for previewing changes to the website before publishing them.</li>
<li><strong>next/image</strong>: Integrates the next/image package for optimized image loading and handling.</li>
<li><strong>Internationalized Routing</strong>: Supports internationalized routing to create localized versions of the website.</li>
<li><strong>GraphQL Union Types</strong>: Utilizes GraphQL Union Types for handling polymorphic relationships between different data types.</li>
<li><strong>next-seo</strong>: Includes support for next-seo package, allowing for easy management of SEO metadata.</li>
</ul>


<h2>Overview</h2>
<p>Hygraph Docs Starter is a Remix starter kit designed for creating documentation websites with Hygraph. It offers a range of features to enhance the content creation and browsing experience, including rich text editing, table of contents, custom embeds, styling with Tailwind CSS, and SEO support.</p>
<h2>Features</h2>
<ul>
<li><strong>Built with Remix</strong>: The starter kit is built on the Remix platform, which provides a powerful and customizable environment for building web applications.</li>
<li><strong>Embeddable content entries</strong>: Hygraph Docs Starter allows you to easily embed content entries using Hygraph, making it simple to include various types of content within your documentation pages.</li>
<li><strong>Rich Text content editing</strong>: With the integration of Hygraph, you can easily create and edit content using a rich text editor, enabling you to format and style your content according to your preferences.</li>
<li><strong>Table of Contents for docs pages</strong>: The starter kit automatically generates a table of contents for your documentation pages, making it easy for users to navigate through different sections of your documentation.</li>
<li><strong>Render custom embeds using Rich Text Renderer</strong>: Hygraph Docs Starter provides a rich text renderer that allows you to render custom embeds within your content, giving you the flexibility to include interactive and dynamic elements.</li>
<li><strong>Styled using Tailwind CSS</strong>: The theme is styled using Tailwind CSS, a popular utility-first CSS framework that offers a wide range of pre-built components and styles, making it easy to create visually appealing and responsive designs.</li>
<li><strong>Responsive and mobile-friendly</strong>: Hygraph Docs Starter is designed to be fully responsive and mobile-friendly, ensuring that your documentation looks and functions well across a variety of devices and screen sizes.</li>
<li><strong>SEO support</strong>: The starter kit includes support for SEO optimization, including Open Graph and Twitter tags, sitemap generation, and other features that help improve the visibility and discoverability of your documentation.</li>
<li><strong>Preview mode support</strong>: Hygraph Docs Starter also provides support for a preview mode, allowing you to preview your documentation before publishing it, ensuring that everything looks perfect before making it available to your users.</li>
</ul>


<h2>Overview</h2>
<p>The <code>gatsby-source-graphcms</code> plugin is designed to enable developers to easily source data from a GraphCMS project into a Gatsby site. This plugin helps streamline the process of integrating GraphCMS content into Gatsby projects, allowing for efficient content management and dynamic site generation.</p>
<h2>Features</h2>
<ul>
<li><strong>Simple Integration</strong>: Easily connect your GraphCMS project to your Gatsby site.</li>
<li><strong>Efficient Data Sourcing</strong>: Retrieve data from GraphCMS to display on your Gatsby site.</li>
<li><strong>GraphQL Support</strong>: Utilize the power of GraphQL to query and retrieve data from GraphCMS.</li>
<li><strong>Customizable Queries</strong>: Tailor data queries to suit your specific project requirements.</li>
</ul>


<h2>Overview</h2>
<p>Gatsby starter hygraph-blog is a starter template for creating a basic blog using Gatsby and Hygraph. It provides a seamless integration with Hygraph, a headless CMS, allowing users to easily manage their blog content. The starter comes pre-configured with essential features and dependencies like gatsby-image and Tailwind CSS, providing a modern and optimized developer experience.</p>
<h2>Features</h2>
<ul>
<li><strong>Gatsby-image integration:</strong> Allows users to easily work with Hygraph image assets using gatsby-image.</li>
<li><strong>MDX support:</strong> Utilizes gatsby-plugin-mdx to enable support for MDX in Hygraph RichText fields.</li>
<li><strong>Tailwind CSS:</strong> Built-in support for Tailwind CSS, a utility-first CSS framework, ensuring a customizable and responsive design for the blog.</li>
</ul>


<h2>Overview:</h2>
<p>Hygraph Commerce Starter is a project that allows users to build modern and SEO ready commerce storefronts using Hygraph, Next.js, Stripe, and Tailwind CSS. It provides an example of how to build a fully-functioning Next.js commerce storefront with Hygraph and Stripe.</p>
<h2>Features:</h2>
<ul>
<li>Fully localized product catalogue built with Hygraph localization and Next.js.</li>
<li>Pre-rendered catalogue pages via getStaticProps and getStaticPaths.</li>
<li>Dynamic client-side data fetching via SWR.</li>
<li>Localized shopping cart with react-use-cart.</li>
<li>Hosted checkout and payment flow with Stripe Checkout.</li>
<li>Use the Hygraph mutation API with API Routes to create orders on successful checkout (via webhook).</li>
<li>Multiple currency support.</li>
</ul>


<h2>Overview:</h2>
<p>This product analysis covers a repository that provides examples on using the Hygraph project. The repository includes features and examples demonstrating how to utilize various functionalities of the Hygraph project.</p>
<h2>Features:</h2>
<ul>
<li><strong>Using Asset Upload</strong>: Programmatically upload assets using the Asset Upload endpoint.</li>
<li><strong>Using Management SDK (Video)</strong>: Basic Management SDK script to create a schema.</li>
<li><strong>Using Remote Fields (Video)</strong>: Create a schema with Remote Fields to query data directly from the Stripe API.</li>
<li><strong>Using Mutations (Demo, Video)</strong>: Demonstrates how to use Hygraph mutations with graphql-request, SWR, and API routes.</li>
<li><strong>Using Pagination (Demo, Video)</strong>: Demonstrates how to paginate Hygraph queries with graphql-request.</li>
<li><strong>Using Rich Text Renderer (Demo, Video)</strong>: Demonstrates how to render Rich Text with @graphcms/rich-text-react-renderer.</li>
<li><strong>Using Union Types</strong>: Utilizes union types to compose UI 'blocks' with components (built with Next.js, graphql-request, and Tailwind CSS).</li>
<li><strong>Frameworks &#x26; Libraries</strong>: Demonstrates how to use Hygraph with popular frameworks like Algolia and Apollo Client 3.</li>
</ul>


<h2>Overview</h2>
<p>The product is a Next.js starter for creating a SaaS Marketing Website with Hygraph. It provides a template and tools for building a marketing website for a software as a service (SaaS) product.</p>
<h2>Features</h2>
<ul>
<li><strong>Demo</strong>: The product includes a demo clone project to showcase the features and functionality.</li>
<li><strong>Deploy with Vercel</strong>: The product can be easily deployed using Vercel, a cloud platform for static sites and serverless functions.</li>
<li><strong>Next.js Preview Mode</strong>: The product supports enabling Next.js Preview Mode for previewing content changes before they are published.</li>
<li><strong>Internationalized Routing</strong>: The product includes support for internationalized routing, allowing for the creation of localized versions of the marketing website.</li>
<li><strong>GraphQL Union Types</strong>: The product supports GraphQL union types, which enable the creation of polymorphic relations between different types of content.</li>
<li><strong>next/image</strong>: The product includes the next/image package, which provides an optimized image component for efficiently loading and rendering images.</li>
<li><strong>next-seo</strong>: The product includes the next-seo package, which simplifies the management of SEO metadata for each page.</li>
</ul>


Hygraph

Gatsby Starter Hygraph Blog

Hygraph Commerce Starter

Reference Marketing Website

Docs Starter

Gatsby Source Graphcms

Gatsby Starter Hygraph Blog

Hygraph Commerce Starter

Hygraph Examples

Reference Marketing Website