# Hygraph code examples Access our code examples and use them in your Hygraph project Here is a list of our most recently updated code examples: | Example name | Description | | ------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | [Algolia](https://github.com/hygraph/hygraph-examples/tree/master/with-algolia) | This example demonstrates how to use Hygraph webhooks to sync data to Algolia on new published content. | | [Apollo Client 3](https://github.com/hygraph/hygraph-examples/tree/master/with-apollo-client-3) | This example demonstrates how to query from Hygraph with `graphql-request` in `React.js`. | | [Apollo Server](https://github.com/hygraph/hygraph-examples/tree/master/with-apollo-server) | This example demonstrates how to use `apollo-datasource-graphql` to pull a Hygraph schema into an existing Apollo Server. | | [Astro](https://github.com/hygraph/hygraph-examples/tree/master/with-astro) | This example demonstrates how to use the Astro with Hygraph. | | [Asset upload example](https://github.com/hygraph/hygraph-examples/tree/master/using-asset-upload) | This example demonstrates how to programmatically import assets from a URL using the Asset Upload endpoint. Uses Bee-Queue to process jobs (recommended for large data imports). | | [Eleventy](https://github.com/hygraph/hygraph-examples/tree/master/with-eleventy) | This example demonstrates how to use the Eleventy and GraphQL Request with Hygraph. | | [Express](https://github.com/hygraph/hygraph-examples/tree/master/with-express) | A simple Express app using `ejs` templating and `awesome-graphql-client`. | | [GenQL](https://github.com/hygraph/hygraph-examples/tree/master/with-genql) | This example demonstrates how to query from Hygraph with GenQL. | | [Go Lang](https://github.com/hygraph/hygraph-examples/tree/master/with-golang) | This example demonstrates how to query from Hygraph with Go. | | [graphcms-image](https://github.com/hygraph/hygraph-examples/tree/master/with-graphcms-image) | This example demonstrates how to use @graphcms/react-image with Gatsby. | | [GraphQL Codegen](https://github.com/hygraph/hygraph-examples/tree/master/with-graphql-codegen) | This example demonstrates how to query from Hygraph with Apollo Client 3, TypeScript, and generated types for your Hygraph project with GraphQL Code Generator. | | [graphql-mesh](https://github.com/hygraph/hygraph-examples/tree/master/with-graphql-mesh) | This example demonstrates how to use GraphQL mesh to serve 3 separate APIs, Hygraph, CartQL, and SpaceXLand. | | [Gridsome](https://github.com/hygraph/hygraph-examples/tree/master/with-gridsome) | This example demonstrates how to query data from Hygraph with `@gridsome/source-graphql`. | | [Houdini](https://github.com/hygraph/hygraph-examples/tree/master/with-houdini) | This example shows how to use the SvelteKit GraphQL library Houdini with Hygraph. | | [KitQL](https://github.com/hygraph/hygraph-examples/tree/master/with-kitql) | This example shows how to use the KitQL with Hygraph. | | [Management SDK](https://github.com/hygraph/hygraph-examples/tree/master/using-management-sdk) | This example demonstrates how to programmatically build a project schema using the Hygraph Management SDK. | | [Mutations](https://github.com/hygraph/hygraph-examples/tree/master/using-mutations) | This example demonstrates how to mutate Hygraph data with `Next.js.` | | [Next Auth](https://github.com/hygraph/hygraph-examples/tree/master/with-nextauth-credentials) | This example demonstrates how to query from Hygraph `NextAuth.js`. | | [Next App Router](https://github.com/hygraph/hygraph-examples/tree/master/with-nextjs-app-directory) | This example demonstrates how to query from Hygraph with `graphql-request` in `Next.js`. | | [Next i18n Routing](https://github.com/hygraph/hygraph-examples/tree/master/with-nextjs-i18n-routing) | This example demonstrates how to use `Next.js` Internationalized Routing with localized Hygraph content. | | [Next Image](https://github.com/hygraph/hygraph-examples/tree/master/with-nextjs-image) | This example demonstrates how to use the `Next.js` Image Component with your Hygraph assets. | | [Next Image Loader](https://github.com/hygraph/hygraph-examples/tree/master/with-nextjs-image-loader) | This example demonstrates how to use a custom loader function with `Next.js` Image Component and Hygraph assets. This allows you to perform asset transformations using the Hygraph CDN, rather than the default `Next.js` loader. | | [Next mdx remote](https://github.com/hygraph/hygraph-examples/tree/master/with-nextjs-mdx-remote) | This example demonstrates how to use markdown fields from Hygraph with `MDX` in `Next.js`. | | [NextJs](https://github.com/hygraph/hygraph-examples/tree/master/with-nextjs) | This example demonstrates how to query from Hygraph with `graphql-request` in `Next.js`. | | [NuxtJs](https://github.com/hygraph/hygraph-examples/tree/master/with-nuxtjs) | This example demonstrates how to query from Hygraph with `Nuxt.js`. | | [NuxtJs GraphQL](https://github.com/hygraph/hygraph-examples/tree/master/with-nuxtjs-graphql) | Hygraph, `NuxtJS` & `nuxt-graphql-client`. | | [Pagination](https://github.com/hygraph/hygraph-examples/tree/master/using-pagination) | This example demonstrates ways you can paginate Hygraph queries. | | [Remote Fields](https://github.com/hygraph/hygraph-examples/tree/master/using-remote-fields) | This example demonstrates how to programmatically build a project schema using the Hygraph Management SDK. Using Remote Fields, we create a PricingPlan model to query for product/price data directly from the Stripe API. | | [React query](https://github.com/hygraph/hygraph-examples/tree/master/with-react-query) | This example demonstrates how to query from Hygraph with React Query in `React.js`. | | [ReactJs](https://github.com/hygraph/hygraph-examples/tree/master/with-reactjs) | This example demonstrates how to query from Hygraph with `graphql-request` in `React.js`. | | [Rich Text renderer](https://github.com/hygraph/hygraph-examples/tree/master/using-rich-text-react-renderer) | This example demonstrates how you can render Rich Text from Hygraph. | | [Slinkity](https://github.com/hygraph/hygraph-examples/tree/master/with-slinkity) | This example shows how to use the Slinkity and GraphQL Request with Hygraph. | | [SvelteKit](https://github.com/hygraph/hygraph-examples/tree/master/with-sveltekit) | This example shows how to use the SvelteKit with Hygraph. It uses `graphql-request`. | | [SvelteKit & GraphQL Request](https://github.com/hygraph/hygraph-examples/tree/master/with-sveltekit-and-graphql-request) | This example shows how to use the SvelteKit and GraphQL Request with Hygraph. | | [SvelteKit & URQL](https://github.com/hygraph/hygraph-examples/tree/master/with-sveltekit-and-urql) | This example shows how to use the SvelteKit with Hygraph and URQL. | | [Swift](https://github.com/hygraph/hygraph-examples/tree/master/with-swift) | This demonstrates how to use Hygraph with a Swift application for iOS (iPhone / iPad) or Mac. | | [Swift & swift-graphql](https://github.com/hygraph/hygraph-examples/tree/master/with-swift-graphql) | This demonstrates how to use Hygraph with a Swift application for iOS (iPhone / iPad) or Mac, using popular library `swift-graphql`. | | [Swr](https://github.com/hygraph/hygraph-examples/tree/master/with-swr) | This example uses SWR to fetch, and mutate user todos using Next.js API Routes, backed by GraphQL. | | [Terraform](https://github.com/hygraph/hygraph-examples/tree/master/with-terraform) | Terraform example. | | [Union types](https://github.com/hygraph/hygraph-examples/tree/master/using-union-types) | Hygraph supports polymorphic relations, also known as GraphQL union types. This example demonstrates how you can build a product marketing page using a schema consisting of polymorphic relations. The example is built with `Next.js`, `graphql-request` and Tailwind CSS. | | [Upload Proxy](https://github.com/hygraph/hygraph-examples/tree/master/with-upload-proxy) | This example demonstrates how to proxy uploads from your client application to Hygraph to prevent leaking the Permanent Auth Token needed to upload new assets. | | [URQL core](https://github.com/hygraph/hygraph-examples/tree/master/with-urql-core) | This example demonstrates how to query from Hygraph with core URQL client. | | [URQL React](https://github.com/hygraph/hygraph-examples/tree/master/with-urql-react) | This example demonstrates how to query from Hygraph with React URQL client. | | [Using where filter](https://github.com/hygraph/hygraph-examples/tree/master/using-where-filter) | This example demonstrates ways you can order Hygraph query results by using variables. The example is built with `Next.js`, `graphql-request` and swr. | | [Vanilla JS](https://github.com/hygraph/hygraph-examples/tree/master/with-vanilla-javascript) | This example demonstrates how to query data from Hygraph in the browser with just JavaScript. | | [Variables](https://github.com/hygraph/hygraph-examples/tree/master/using-order-by-filter) | This example demonstrates ways you can order Hygraph query results by using variables. This example is built with `Next.js`, `graphql-request` and swr. | | [VueJs](https://github.com/hygraph/hygraph-examples/tree/master/with-vuejs) | This example demonstrates how to query from Hygraph with `Vue.js.` |