# Implementations

This section contains information on how to do frontend implementations with different Frameworks.

**Do you have suggestions?:**

If you want to suggest that we add a framework implementation guide to our docs, [join our community and share it in the Feedback channel!](https://hygraph-community.slack.com)

## Content API

Before we can connect the framework of our choice to Hygraph, we will need to configure **Content API** access permissions for unauthenticated requests.

To do this, we'll to go **Project settings > Access > API Access > Content API** in our Hygraph project, scroll to find the **Manage Content API access permissions** box and click `Initialize defaults`:

![Content API permissions](https://hygraph.com/images/docs/implementations/public-content-api-permissions.png)

Finally, we will copy the `High Performance Read-only Content API` endpoint from **Project settings > Access > API Access > Endpoints**. We will use it to connect our framework to Hygraph later on.

## Resources

This section offers a list of resources you can use:

| Framework   | Implementation guide                                          | Official starter                                                                              | Additional resources                                                                                                                                                                 |
| ----------- | ------------------------------------------------------------- | --------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `Astro`     | [Connection guide](https://hygraph.com/docs/implementations/astro/astro)         | [Microblog starter](https://hygraph.com/docs/implementations/astro/microblog-astro)                              | [Starters](https://hygraph.com/docs/implementations/astro/starters) <br></br> [Snippets](https://hygraph.com/docs/implementations/astro/snippets) <br></br> [Resources](https://hygraph.com/docs/implementations/astro/resources)             |
| `Flutter`   | [Connection guide](https://hygraph.com/docs/implementations/flutter/flutter)     | [Basic Blog App](https://github.com/hygraph/flutter-hygraph-blog)                             | [Starters](https://hygraph.com/docs/implementations/flutter/starters)<br></br> [Resources](https://hygraph.com/docs/implementations/sveltekit/resources)                                                                   |
| `Next`      | [Connection guide](https://hygraph.com/docs/implementations/next/next)           | [Hygraphlix starter](https://hygraph.com/docs/implementations/next/hygraphlix-next)                              | [Starters](https://hygraph.com/docs/implementations/next/starters) <br></br> [Snippets](https://hygraph.com/docs/implementations/next/snippets) <br></br> [Resources](https://hygraph.com/docs/implementations/next/resources)                |
| `Nuxt`      | [Connection guide](https://hygraph.com/docs/implementations/nuxt/nuxt)           | [Skncre starter](https://hygraph.com/docs/implementations/nuxt/skncre-nuxt)                                      | [Starters](https://hygraph.com/docs/implementations/nuxt/starters) <br></br> [Snippets](https://hygraph.com/docs/implementations/nuxt/snippets) <br></br> [Resources](https://hygraph.com/docs/implementations/nuxt/resources)                |
| `Remix`     | [Connection guide](https://hygraph.com/docs/implementations/remix/remix)         | [Documentation starter](https://hygraph.com/marketplace/starters/hygraph-remix-documentation) | [Starters](https://hygraph.com/docs/implementations/remix/starters) <br></br> [Snippets](https://hygraph.com/docs/implementations/remix/snippets) <br></br> [Resources](https://hygraph.com/docs/implementations/remix/resources)             |
| `SvelteKit` | [Connection guide](https://hygraph.com/docs/implementations/sveltekit/sveltekit) | [Developer Portfolio](https://hygraph.com/marketplace/starters/hygraph-sveltekit-portfolio)   | [Starters](https://hygraph.com/docs/implementations/sveltekit/starters) <br></br> [Snippets](https://hygraph.com/docs/implementations/sveltekit/snippets) <br></br> [Resources](https://hygraph.com/docs/implementations/sveltekit/resources) |