Create Board with Miro Developer App API on Updated Page ID from Notion API

Pipedream makes it easy to connect APIs for Miro Developer App, Notion and 2,400+ other apps remarkably fast.

Trigger workflow on

Updated Page ID from the Notion API

Next, do this

Create Board with the Miro Developer App API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a Notion trigger and Miro Developer App action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the Updated Page ID trigger
1. Connect your Notion account
2. Configure timer
3. Select a Page ID
Configure the Create Board action
1. Connect your Miro Developer App account
2. Optional- Configure Board Name
3. Optional- Configure Board Description
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Details#

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger#

Updated Page ID on Notion

Description:Emit new event when a selected page is updated

Version:0.0.5

Key:notion-updated-page-id

View on GitHub

Notion Overview#

Notion's API allows for the creation, reading, updating, and deleting of pages, databases, and their contents within Notion. Using Pipedream's platform, you can build workflows that connect Notion with various other services to automate tasks such as content management, task tracking, and data synchronization. With Pipedream's serverless execution, you can trigger these workflows on a schedule, or by external events from other services, without managing any infrastructure.

Trigger Code#

import notion from "../../notion.app.mjs";
import base from "../common/base.mjs";
import constants from "../common/constants.mjs";

export default {
  ...base,
  key: "notion-updated-page-id",
  name: "Updated Page ID", /* eslint-disable-line pipedream/source-name */
  description: "Emit new event when a selected page is updated",
  version: "0.0.5",
  type: "source",
  dedupe: "unique",
  props: {
    ...base.props,
    pageId: {
      propDefinition: [
        notion,
        "pageId",
      ],
    },
  },
  async run() {
    const page = await this.notion.retrievePage(this.pageId);

    if (this.isResultNew(page.last_edited_time, this.getLastUpdatedTimestamp())) {
      const meta = this.generateMeta(
        page,
        constants.types.PAGE,
        constants.timestamps.LAST_EDITED_TIME,
        constants.summaries.PAGE_UPDATED,
        true,
      );

      this.$emit(page, meta);
      this.setLastUpdatedTimestamp(Date.parse(page.last_edited_time));
    }
  },
};

Trigger Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.

Label	Prop	Type	Description
Notion	`notion`	`app`	This component uses the Notion app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Page ID	`pageId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

Notion uses OAuth authentication. When you connect your Notion account, Pipedream will open a popup window where you can sign into Notion and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Notion API.

Pipedream requests the following authorization scopes when you connect your account:

About Notion#

Notion is a new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.

Action#

Create Board on Miro Developer App

Description:Creates a Miro board. [See the docs](https://developers.miro.com/reference/create-board).

Version:0.0.1

Key:miro_custom_app-create-board

View on GitHub

Miro Developer App Overview#

The Miro Developer App API lets you extend the functionality of Miro, an online collaborative whiteboarding platform. On Pipedream, you can automate interactions with Miro boards, such as creating or updating content, and extracting data for reporting or integration purposes. This can streamline collaboration and project management by automating repetitive tasks and connecting Miro with other tools and services.

Action Code#

import app from "../../miro_custom_app.app.mjs";

export default {
  name: "Create Board",
  version: "0.0.1",
  key: "miro_custom_app-create-board",
  description: "Creates a Miro board. [See the docs](https://developers.miro.com/reference/create-board).",
  type: "action",
  props: {
    app,
    name: {
      propDefinition: [
        app,
        "name",
      ],
      optional: true,
    },
    description: {
      propDefinition: [
        app,
        "description",
      ],
      optional: true,
    },
  },
  async run({ $: step }) {
    const {
      name,
      description,
    } = this;

    const response = await this.app.createBoard({
      step,
      data: {
        name,
        description,
      },
    });

    step.export("$summary", `Successfully created a board with ID \`${response.id}\``);

    return response;
  },
};

Action Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

Label	Prop	Type	Description
Miro Developer App	`app`	`app`	This component uses the Miro Developer App app.
Board Name	`name`	`string`	Name for the board.
Board Description	`description`	`string`	Description for the board.

Action Authentication#

Miro Developer App uses API keys for authentication. When you connect your Miro Developer App account, Pipedream securely stores the keys so you can easily authenticate to Miro Developer App APIs in both code and no-code steps.

Connecting a Miro app to Pipedream

With this connection you can build your own Miro App and connect it to Pipedream.

Follow the REST API app quickstart guide on Miro to create an app that can interact with your Miro team over the Miro REST API.

This will produce a unique Access Token for accessing your boards. Once you have finished those steps, paste that Access Token in to the field below.

About Miro Developer App#

The Visual Collaboration Platform for Every Team.

More Ways to Connect Miro Developer App + Notion#

Other Popular Integrations#

Create Board with Miro Developer App API on New Database from Notion API

Notion + Miro Developer App

Create Board with Miro Developer App API on Updated Page ID from Notion API

Pipedream makes it easy to connect APIs for Miro Developer App, Notion and 2,400+ other apps remarkably fast.

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

Developers ♥ Pipedream

Connecting a Miro app to Pipedream

1-24of2,400+apps by most popular

1
-
24
of
2,400+
apps by most popular