Skip to main content

Connect Searched tweets and Webflow CMS entries in our serverless environment

Use this JavaScript template to Search tweets in Twitter using them to create Webflow CMS entries

Share

Search tweets in Twitter

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

async fetch(publish, done) {
// TODO: Customize the query
// You can find more info at: https://developer.twitter.com/en/docs/twitter-api/tweets/search/integrate/build-a-query
//
const {
data: tweets
} = await this.twitter.tweets.tweetsRecentSearch({
query: "your query",
"tweet.fields": ["author_id", "text"],
// You can customize which fields to retrieve
// More info at: https://developer.twitter.com/en/docs/twitter-api/data-dictionary/using-fields-and-expansions
});

// See tweet object structure at: https://developer.twitter.com/en/docs/twitter-api/data-dictionary/object-model/tweet
for (const tweet of tweets) {
await publish(tweet);
}
done();
}

async close() {}
}

Create Webflow CMS entries

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

// TODO: Customize your collection id and the request params with your item content
// 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/#create-collection-item
async consume(item) {
const cmsEntryFields = {
slug: item.slug,
name: item.name,
content: item.content,
};

// TODO: Take into account that Webflow keeps one internal identifier for each attribute
// and this internal identifier doesn't get changed when you rename the attribute name.
// This may cause some weird and unexpected Validation errors
// If you want to implement a mapping from the attribute name (visible on the webflow UI),
// and the internal identifier (slug), you may use this piece of code:
// const collection = await this.webflow.collection({
// collectionId: "your-collection-id",
// });
// const collectionSlugsByNameMapping = collection.fields.reduce(
// (obj, field, i) => {
// // Only save the mappings where name is not the same as slug
// if (field.name !== field.slug) {
// obj[field.name] = field.slug;
// }
// return obj;
// },
// {}
// );
// // Translate different slug and names
// for (const [name, slug] of Object.entries(collectionSlugsByNameMapping)) {
// cmsEntryFields[slug] = cmsEntryFields[name];
// delete cmsEntryFields[name];
// }

try {
await this.webflow.createItem({
collectionId: "your-collection-id",
fields: {
...cmsEntryFields,
_archived: false,
_draft: false,
},
}, {
live: "true"
} // TODO: Set to false if you don't want to publish the CMS entry
);
} catch (error) {
console.error(`There has been an error creating CMS entry`, error);
throw error;
}
}

async close() {}
}

Find related recipes

  • Twitter
  • Webflow

FAQs

These recipes are a good starting point for you to build your own YepCode processes and solve your integration and automation problems.

YepCode is a SaaS platform that allows to create, execute and monitor 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 with a NodeJS engine.

You only have to fill 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 approach (multi-tenant environment, team management, high security and auditing standards, IdP integrations, on-premise options,...) so we can be the Swiss army knife of any team of engineering, especially those that need to extract or send information to external systems, and where a certain dynamism or adaptation to change is necessary in that process.

Sure! You just need to do some configuration to allow YepCode servers to connect to that service. Check our docs page to get more information.

Ask us for help to solve your integration problem

Recipes may be used in a self service approach cloning them to one YepCode account, but if you are looking for a turnkey approach, our team may help you.