Integrate the HTML to Image API with the Supabase API

Setup the HTML to Image API trigger to run a workflow which integrates with the Supabase API. Pipedream's integration platform allows you to integrate HTML to Image and Supabase 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 HTML to Image with Supabase#

Convert HTML to Image with HTML to Image API on New Row Added from Supabase API

Supabase + HTML to Image

Try it

Convert HTML to Image with HTML to Image API on New Webhook Event (Instant) from Supabase API

Supabase + HTML to Image

Try it

Convert HTML to PDF with HTML to Image API on New Row Added from Supabase API

Supabase + HTML to Image

Try it

Convert HTML to PDF with HTML to Image API on New Webhook Event (Instant) from Supabase API

Supabase + HTML to Image

Try it

Convert URL to Image with HTML to Image API on New Row Added from Supabase API

Supabase + HTML to Image

Try it

Popular HTML to Image and Supabase 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 HTML to Image and Supabase Actions#

Convert HTML to Image with the HTML to Image API

Create an image from HTML. See the documentation.

Try it

Batch Insert Rows with the Supabase API

Inserts new rows into a database. See the documentation

Try it

Convert HTML to PDF with the HTML to Image API

Create a PDF file from HTML. See the documentation.

Try it

Delete Row with the Supabase API

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

Try it

Convert URL to Image with the HTML to Image API

Capture a screenshot from a URL. See the documentation.

Try it

Connect HTML to Image#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    html_to_image: {
      type: "app",
      app: "html_to_image",
    }
  },
  async run({steps, $}) {
    const data = {
        "html_content" : "<div class=\"mt-4 p-4 text-center\"style=width:500px><span class=\"mb-4 tweet-text\">This is Little Bear. He tolerates baths because he knows how phenomenal his floof will appear afterwards. 13/10</span><div class=\"mt-2 p-4\"><img class=\"mt-4 border rounded-circle shadow\"src=https://docs.htmlcsstoimage.com/assets/images/dog.jpg width=100px></div><h4 class=mt-2>WeRateDogs</h4><span class=text-muted>@dog_rates</span></div><link href=https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css rel=stylesheet crossorigin=anonymous integrity=sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk><link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@700\"rel=stylesheet>",
        "css_content" : ".tweet-text{background-color:#fff2ac;background-image:linear-gradient(to right,#ffe359 0,#fff2ac 100%);font-weight:bolder;font-size:32px;font-family:Roboto,sans-serif;padding:4px}",
        "generate_img_url": true
    }
    return await axios($, {
      method: "post",
      url: `https://api.htmlcsstoimg.com/api/v1/generateImage`,
      headers: {
        "CLIENT-API-KEY": `${this.html_to_image.$auth.api_key}`,
      },
      data,
    })
  },
})

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}`,
      },
    })
  },
})

Start for free — no credit card required

Watch a demo