Showcase

Static Site Builds with GitHub Actions

Marco Streng shows how you can trigger a GitHub Actions Workflow from Hygraph, to deploy your static site using AWS Lambda for the serverless function and Amazon S3 for storage.

Modular Web Apps with Jamstack

Rob Dominguez went on to develop web apps using the Jamstack, and defines it as “pure nirvana”. To quote him, “This makes development fast. Like, "I can build a SaaS in a day" fast.”

Habeeb Bombata’s Portfolio

An absolute firecracker of a portfolio for Habeeb Bombata, using Hygraph, ReactJS, Lottie, and GraphQL. The portfolio is brilliantly made, and we highly recommend checking it out!

Travel Bucket List Map

Colby Fayock recently (and really quickly) spun together a travel bucket list using Hygraph, Gatsby, and LeafletJS that was also featured on FreeCodeCamp.

Hygraph Markdown Migrator

Giacomo couldn't find a simple solution to move over all his static markdown files into Hygraph, so he built one. Give the migrator .md files and it will create a Post entry in Hygraph.

Updates from SAP

Oliver shared what he’s working on with Hygraph and Gatsby - a regularly updated online repository that aggregates recorded online sessions from within the SAP community.

Blog with Gatsby, Chakra UI and Hygraph

Hawyar from the Hygraph community took that very blog starter to the next level. Check out his blog website template powered by Hygraph and Gatsby with some pretty neat features, using ChakraUI.

Frontend Serverless with React and GraphQL— A Masterclass

Dr. Stephen Jensen released a brand new course on Code Mochi! Check out this course on Serverless, GraphQL, React, and Next.js

Jamstack Handbook

Colby Fayock dropped his much-anticipated eBook - the Jamstack Handbook, featuring setting up a Jamstack website with Gatsby, Netlify, and Hygraph. Grab a copy!

Rishi Kothari's Portfolio

Rishi pushed out a shiny new portfolio with a calming aesthetic. Built using Next.js, SASS, and Framer Motion, all the content is served from Hygraph, making for a ridiculously high-performance portfolio.

Inference Podcasts delivered with Hygraph

Michele hosts Inference Podcast and wanted to upload new episodes on Spotify. The problem? Spotify only accepts external RSS feeds, and most external services get costly quickly. The solution? Whip up a new project using the Hygraph Podcast starter, and generate that RSS using our API.

Focus on Hygraph

Marcelo's Headless Creator platform provides continuous learning (completely free) for anyone interested in working with a Headless CMS. With regular updates to the course and a brand new "Focus on Hygraph" track, Marcelo puts a ton of thought and care into each episode, be sure to check it out, and register.

Adding TypeScript support

A little-known fact is that we maintain @graphcms/react-image (previously react-image), an image optimizing repo using the Filestack API, inspired by and based on gatsby-image. Written 100% in JavaScript, Daniel took some time to make some improvements.

Agency Website with Shopify and Hygraph

Vincent recently launched the new Molsoft website. Based in Montreal, Molsoft are a specialized agency creating unique eCommerce experiences with expertise in Shopify Plus.

Pokedex

Sergio launched a new product on Product Hunt called Zyla. Its’ an open-source headless commerce package deployable on Vercel that uses Dola, BEP, and Hygraph. Pokedex is a demo built on the same.

Video series to build a portfolio with Hygraph

Adam Richardson created a 3-part video series to build a Portfolio website and a blog with Hygraph + Next.js + Tailwind CSS. An extensive tutorial - where Adam walks through every aspect of the process and builds it from scratch!

Building a Powerful Vue.js SPA for E-Commerce

Maxime Laboissonnière crafted an in-depth tutorial on building an e-commerce SPA with Vue.js and Hygraph. He also included a live demo and a GitHub Repo for people to follow along and try it on their own.

Website for The Buffalo Ryders

Sean Norton, a full stack web developer from Columbus, Ohio created a fun website on Vue and Hygraph for a band’s fans to keep up with them and all their gigs!

Compare Broadband Deals

Doug Silkstone built a side project called BBCHero in a couple of weeks, from conception to build. The aim being to get customers to the good stuff ASAP without frontloading the experience with requests for names, emails, first-born souls. It's Next.js & Hygraph on top of Netlify with a Nodejs microservice to link a couple of API's together with headless CMS.

Janarthan's Clean Portfolio

Janarthan used Hygraph with Next.js to build a clean website with subtle animations that we quite like! Initially just a website, he took inspiration from some great educators in the industry to create his own blog and for that - he chose Hygraph. Here’s a well-written account of how it was built.

Didem's Podcast Tutorial

Didem created a tutorial for their subscribers, using a Podcast starter. Powered by Hygraph and using Next.js + Tailwind CSS for UI, this is a fairly simple app that you can follow the tutorial and build with Didem.

Sanjib's Fun Portfolio

Explore Sanjib Kumar Dey's portfolio website built with Next.js + Hygraph with Rough Notation. It's a great example of what can be done utilizing Hygraph to create a clean presentation with subtle animation.

A course on Hygraph, Next.js and Leaflet

Willian created a very popular map course on Udemy in which uses Hygraph with Next.js and Leaflet to create a travel app to track trips, cities and facts about them.

Harry's Full-Stack Portfolio

Harry's elaborate portfolio built on Hygraph helps him get in touch with agencies looking for contractors, display projects and get more work. Check a full feature portfolio!

Sriram's Minimal Website

Sriram moved his website to Hygraph with this Next.js frontend to create a minimal and beautiful design to host projects and write about things.