# 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, <a href="https://hygraph-community.slack.com" target="_blank">join our community and share it in the Feedback channel!</a>

## Public content API

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

To do this, we'll to go **Project settings > Access > API Access > Public content API** in our Hygraph project, scroll to find the **Content Permissions** box that reads **Would you like us to initialize some defaults?**, and click `Yes, initialize defaults`:

[Video: Public Content API permissions](https://eu-central-1-shared-euc1-02.graphassets.com/AvHQ3RDvFSousA8iwElOKz/cmnn9wfbuhtlu07vxy7tyd8g4)

Finally, we will copy the `High Performance 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/classic-docs/implementations/astro/astro)         | [Microblog starter](https://hygraph.com/classic-docs/implementations/astro/microblog-astro)                      | [Starters](https://hygraph.com/classic-docs/implementations/astro/starters) <br></br> [Snippets](https://hygraph.com/classic-docs/implementations/astro/snippets) <br></br> [Resources](https://hygraph.com/classic-docs/implementations/astro/resources)             |
| `Flutter`   | [Connection guide](https://hygraph.com/classic-docs/implementations/flutter/flutter)     | [Basic Blog App](https://github.com/hygraph/flutter-hygraph-blog)                             | [Starters](https://hygraph.com/classic-docs/implementations/flutter/starters)<br></br> [Resources](https://hygraph.com/classic-docs/implementations/sveltekit/resources)                                                                           |
| `Next`      | [Connection guide](https://hygraph.com/classic-docs/implementations/next/next)           | [Hygraphlix starter](https://hygraph.com/classic-docs/implementations/next/hygraphlix-next)                      | [Starters](https://hygraph.com/classic-docs/implementations/next/starters) <br></br> [Snippets](https://hygraph.com/classic-docs/implementations/next/snippets) <br></br> [Resources](https://hygraph.com/classic-docs/implementations/next/resources)                |
| `Nuxt`      | [Connection guide](https://hygraph.com/classic-docs/implementations/nuxt/nuxt)           | [Skncre starter](https://hygraph.com/classic-docs/implementations/nuxt/skncre-nuxt)                              | [Starters](https://hygraph.com/classic-docs/implementations/nuxt/starters) <br></br> [Snippets](https://hygraph.com/classic-docs/implementations/nuxt/snippets) <br></br> [Resources](https://hygraph.com/classic-docs/implementations/nuxt/resources)                |
| `Remix`     | [Connection guide](https://hygraph.com/classic-docs/implementations/remix/remix)         | [Documentation starter](https://hygraph.com/marketplace/starters/hygraph-remix-documentation) | [Starters](https://hygraph.com/classic-docs/implementations/remix/starters) <br></br> [Snippets](https://hygraph.com/classic-docs/implementations/remix/snippets) <br></br> [Resources](https://hygraph.com/classic-docs/implementations/remix/resources)             |
| `SvelteKit` | [Connection guide](https://hygraph.com/classic-docs/implementations/sveltekit/sveltekit) | [Developer Portfolio](https://hygraph.com/marketplace/starters/hygraph-sveltekit-portfolio)   | [Starters](https://hygraph.com/classic-docs/implementations/sveltekit/starters) <br></br> [Snippets](https://hygraph.com/classic-docs/implementations/sveltekit/snippets) <br></br> [Resources](https://hygraph.com/classic-docs/implementations/sveltekit/resources) |