Integrate the Supabase API with the Shadertoy API

Setup the Supabase API trigger to run a workflow which integrates with the Shadertoy API. Pipedream's integration platform allows you to integrate Supabase and Shadertoy remarkably fast. Free for developers.

Start for free — no credit card required

Watch a demo

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Popular Ways to Connect Supabase with Shadertoy#

Access Shader Assets with Shadertoy API on New Row Added from Supabase API

Supabase + Shadertoy

Try it

Access Shader Assets with Shadertoy API on New Webhook Event (Instant) from Supabase API

Supabase + Shadertoy

Try it

Get Shader with Shadertoy API on New Row Added from Supabase API

Supabase + Shadertoy

Try it

Get Shader with Shadertoy API on New Webhook Event (Instant) from Supabase API

Supabase + Shadertoy

Try it

List Shaders with Shadertoy API on New Row Added from Supabase API

Supabase + Shadertoy

Try it

Popular Supabase and Shadertoy Triggers#

New Row Added from the Supabase API

Emit new event for every new row added in a table. See documentation here

Try it

New Webhook Event (Instant) from the Supabase API

Emit new event for every insert, update, or delete operation in a table. This source requires user configuration using the Supabase website. More information in the README. Also see documentation here

Try it

Popular Supabase and Shadertoy Actions#

Delete Row with the Supabase API

Deletes row(s) in a database. See the docs here

Try it

Access Shader Assets with the Shadertoy API

Accesses an asset from source. See the documentation

Try it

Insert Row with the Supabase API

Inserts a new row into a database. See the docs here

Try it

Get Shader with the Shadertoy API

Returns a specific shader based on an ID. See the documentation

Try it

List Shaders with the Shadertoy API

Returns a list of all shaders. See the documentation

Try it

Overview of Supabase#

Supabase is a real-time backend-as-a-service that provides developers with a suite of tools to quickly build and scale their applications. It offers database storage, authentication, instant APIs, and real-time subscriptions. With the Supabase API, you can perform CRUD operations on your database, manage users, and listen to database changes in real time. When integrated with Pipedream, you can automate workflows that react to these database events, synchronize data across multiple services, or streamline user management processes.

Connect Supabase#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    supabase: {
      type: "app",
      app: "supabase",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://${this.supabase.$auth.subdomain}.supabase.co/rest/v1/`,
      headers: {
        Authorization: `Bearer ${this.supabase.$auth.service_key}`,
        "apikey": `${this.supabase.$auth.service_key}`,
      },
    })
  },
})

Overview of Shadertoy#

The Shadertoy API opens a window to a universe of visual creations by providing programmatic access to a wealth of shaders created by the Shadertoy community. These shaders are snippets of GLSL code that produce stunning graphics and visual effects. In Pipedream, you can leverage this API to trigger workflows that interact with these shaders, such as retrieving shader information, displaying shader visuals, or even monitoring the latest creations. By combining Shadertoy API with Pipedream's capability to connect to numerous other services, your creative and technical projects can flourish with dynamic, visually rich content.

Connect Shadertoy#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    shadertoy: {
      type: "app",
      app: "shadertoy",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: ` https://www.shadertoy.com/api/v1/shaders/query/test`,
      params: {
        key: `${this.shadertoy.$auth.app_key}`,
      },
    })
  },
})

Start for free — no credit card required

Watch a demo