Netlify Graph is closed to new users. As of December 28, 2022 this feature is no longer available for Netlify users who have not yet enabled it. If you have already enabled Graph, your ability to use the feature is not impacted at this time, and you can continue to use it.

It’s been a few months since we introduced Netlify Graph: a GraphQL-powered experience that removes friction from developer’s API-based workflows so they can focus on what is most important for their project or business. Today, we’re announcing the availability of the next update of Netlify Graph in Netlify Labs and the addition of API Authentication support for two new services: Cloudinary and Sanity.

The new Netlify Graph experience reduces even more friction from API-based workflows by enabling developers to more easily explore endpoints from SaaS services in their browser, with zero code configuration or CLI usage. Beginning today, developers can use Netlify Graph to explore common samples from services such as GitHub, Stripe, and Salesforce and test the output of queries without having to deploy a function or use a third-party service such as Postman.

Introducing a simpler starter experience

The new release of Netlify Graph is a natural evolution of our Netlify integration platform strategy. It removes friction from the very beginning, as developers get started with Graph and experience the updated service connectivity flow. As developers get started, they get to try the new onboarding flow, guiding them from zero to a successful GraphQL query.

The new release of Netlify Graph removes the need for developers to install the CLI to take the first steps. Instead, they get to try out built-in samples that showcase the various service capabilities without writing a single line of code.

When trying any of the examples, developers can now bring those directly into their application by using the import functionality. This way, a piece of re-usable sample code can be integrated in a working web application in a few clicks, so you can go from discovery mode to a fully functional application in just a few minutes.

Cloud sessions and CLI-less experimentation

With the new Graph Explorer view, we rethought our approach to integrating web applications with the richness of Netlify Graph capabilities. Instead of using the Command-Line Interface (CLI) first and then accessing a working session, developers can now use the Graph Explorer to compose queries or mutations, connect to different services and see what APIs they have exposed - all without installing anything on their developer machine.

It all starts with our cloud sandbox:

A cloud sandbox is our in-browser Graph development and exploration environment. When a developer starts a cloud sandbox, we automatically provision a new session behind the scenes that can be used for connecting to different services and writing GraphQL code without having to sync it locally. This removes a lot of friction from the process and gives some room for trying things out before committing to them.

When ready to save the work and ensure that changes can be used inside a web application, developers can claim the cloud sandbox and persist the session with the help of the Netlify CLI:

Once a cloud sandbox is claimed, developers can use it locally the same way they could previously with Netlify Graph, syncing any changes to their environment and testing them with netlify dev.

New service partners: Cloudinary and Sanity

Since our last update, we’ve also added support for API authentication for Cloudinary and Sanity, making it even easier to authenticate with their respective APIs and not have to worry about writing authentication code, token refreshes, or managing OAuth-based credentials.

With the new service integrations, developers can connect to them directly from the Netlify user interface and leverage the automatically managed credentials through Netlify Functions.

Try Netlify Graph today!

To get started, check out Netlify Graph on any of your Netlify sites by navigating to the Graph page.

To learn more, read the documentation or watch the tutorial. Let us know what you think by sending your thoughts on the Netlify Forums or by filling our feedback survey.