đJavaScript (Browser)
Learn how to integrate Airstack APIs to your frontend TypeScript/JavaScript application using the Airstack Web SDK.
In this tutorial, you will learn how to start integrating Airstack API into your frontend TypeScript/JavaScript application.
Table Of Contents
Step 0: Pre-requisites
Completed Get API Key
Git
Node v.16+
Step 1: Install Airstack Web SDK
Use a package manager to install the Airstack Web SDK into your JS/TS project:
Step 2: Set Environment Variable
Create a new .env
file:
Add the Airstack API key as the environment variable:
Depending on the JavaScript framework that you are using, you might need to specify a specific naming convention for your environment variables, e.g. vue needs VUE_APP_AIRSTACK_API_KEY
Step 3: Initialize SDK
You can use init
from the SDK to initialize it with the Airstack API key:
Step 4: Call Your Query
Once you have initialized the SDK, you can use the fetchQuery
to call the Airstack API.
Below you have been provided with Airstack query to fetch the 0x address, Lens, and Farcaster owned by vitalik.eth
:
For more query examples, check out Guides for various use cases you can build with Airstack.
The data
variable will return and logged into your terminal as follows:
Developer Support
If you have any questions or need help regarding integrating Airstack into your frontend TS/JS application, please join our Airstack's Telegram group.
More Resources
Learn to build more with Airstack using our tutorials:
Last updated
Was this helpful?