Skip to main content

Connect Webflow CMS entries and Supabase CSV file in our serverless environment

Use this template to Get Webflow CMS entries using them to create CSV file entries in Supabase bucket.

Share

Get Webflow CMS entries

Used integrations:
class WebflowSourceGetCmsEntries {
async init() {
// TODO: Create webflow credential
// More info at https://yepcode.io/docs/integrations/webflow/#credential-configuration
this.webflow = yepcode.integration.webflow("your-webflow-credential-name");
}

async fetch(publish, done) {
const limit = 100;

let offset = 0;
let hasMore = true;
while (hasMore === true) {
// TODO: Customize your collection id
// See how to find your collection id: https://www.briantsdawson.com/blog/webflow-api-how-to-get-site-collection-and-item-ids-for-zapier-and-parabola-use
// More info about the request at: https://developers.webflow.com/#list-collection-items
const items = await this.webflow.items({
collectionId: "your-collection-id",
limit,
offset,
});

// See item object structure at: https://developers.webflow.com/#collectionitem
for (const item of items) {
await publish(item);
}

hasMore = items.length === limit;
offset = offset + limit;
}
done();
}

async close() {}
}

Do you need help solving this integration with YepCode?

Let's talk

Create CSV file entries in Supabase bucket

Used integrations:
class SupabaseTargetUploadCsv {
async init() {
// TODO: Create your supabase credential
// More info at https://yepcode.io/docs/integrations/supabase/#credential-configuration
this.supabase = yepcode.integration.supabase(
"your-supabase-credential-name"
);

this.items = [];
}

async consume(item) {
// TODO: Customize your csv row
const csvRow = [item.id, item.name];
this.items.push(csvRow);
}

async close() {
try {
// Transform items to CSV entries
const csvFileContent = csv.stringify(this.items, {
delimiter: ",",
});
// TODO: adapt bucket and files management
// You may check the full API documentation at:
// Check docs at https://supabase.com/docs/reference/javascript/storage-from-upload
const {
data,
error
} = await this.supabase.storage
.from("your-bucket-name")
.upload(`your-new-file.csv`, csvFileContent, {
contentType: "text/csv",
});

if (error) {
throw error;
}
} catch (error) {
console.error(`Error ending upload`, error);
}
}
}

Other combinations

View recipes

Related recipes

FAQs

YepCode is a SaaS platform that enables the creation, execution and monitoring of integrations and automations using source code in a serverless environment.

We like to call it the Zapier for developers, since we bring all the agility and benefits of NoCode tools (avoid server provisioning, environment configuration, deployments,...), but with all the power of being able to use a programming language like JavaScript or Python.

These recipes are an excellent starting point for creating your own YepCode processes and solving complex integration and automation problems.

You only have to complete the sign up form and your account will be created with our FREE plan (no credit card required).

YepCode has been created with a clear enterprise focus, offering a multi-tenant environment, team management capabilities, high security and auditing standards, Identity Provider (IdP) integrations, and on-premise options. It serves as the Swiss army knife for engineering teams, especially those requiring the extraction or transmission of information to external systems. It excels in scenarios demanding flexibility and adaptability to change within the process.

Sure! You only need to configure YepCode servers to establish a connection with that service. Check our docs page to get more information.