# Hygraph snippets for Next

Here's a list of our snippets for Next. Each snippet links to you the repo:

| Snippet name                                                                                          | Description                                                                                                                                                                                                                        |
| ----------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [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`.                                                                                                                                           |