Create your own Custom Extensions with the Blocks SDK
  • 07 Jul 2022
  • 1 Minute to read
  • Dark
    Light

Create your own Custom Extensions with the Blocks SDK

  • Dark
    Light

With the Blocks SDK, you can use React to create your own real-time, interactive extensions that live in Airtable. We host your code, so you don't have to worry about servers or setup. You can create your extension in your own development environment and import your favorite npm packages.

The full API Reference and tutorial guides for the Blocks SDK can be found on our developers site.

NOTE

Looking for help with development? Check out the Custom Extensions section of our community forum.

Getting started with Custom Extensions

To get your development environment ready for building custom extensions with React, view our Getting started guide on the developer documentation site.

360086465054Image2020-08-26at55534am.png

Once you have completed the prerequisites in the getting started documentation, you can create a new extension using the "Build a custom extension" button in the marketplace.

360091306293Image2020-09-13at114135am.png

The best way to understand how to build a custom extension is to try out the Hello world tutorial and the To-do list tutorial in the developer documentation. Once you've gone through the basics of setting up your devlopment environment, there are more advanced guides that cover topics like reading and writing data in your Airtable base and running your extension in multiple bases. The API reference section details classes, method names, and UI components that are specific to the Airtable Blocks SDK.

360086465134Image2020-08-26at60027am.png

Exploring examples

The custom extensions platform comes with example extensions that you can use as a starting point for your own extension. The example extensions built by Airtable are available in the "Build an extension" modal — if you'd like to start from scratch, select the "Hello World" example. Otherwise, choose an example extension that is most similar to what you'd like to build, or one that has functionality you'd like to replicate in your own extension.

If you want to start from a custom extension that someone else has built, you can use the "Remix from GitHub" option and paste in link to the GitHub repository.

360091306393Image2020-09-13at114635am.png

A few of the example extensions have also been added to the extensions gallery if you would like to explore their functionality. You must have a Pro plan to install these published versions of the extensions.

Custom extension examples

FAQs

If you have questions about getting started or what you can do with custom extensions, take a look at our Custom Extensions FAQ.


Was this article helpful?