DEV Community

Chris Connelly
Chris Connelly

Posted on

Using .ENV to Hide Your Air Table Credentials In React

#serverless

Create a dotenv file

First you'll want to create a .env file

AIRTABLE_API_KEY=xxxxxxxxxx
AIRTABLE_BASE_ID=appxxxxxx
AIRTABLE_TABLE_NAME=base-1
Enter fullscreen mode Exit fullscreen mode

Install dotenv

Once you have this created you can use it by installing dotenv

npm -i dotenv
Enter fullscreen mode Exit fullscreen mode

Set up dotenv in airtable.js 

require('dotenv').config();
var Airtable = require('airtable');
var base = new Airtable({ apiKey: process.env.AIRTABLE_API_KEY }).base(
    process.env.AIRTABLE_BASE_ID
);
const table = base(process.env.AIRTABLE_TABLE_NAME);

module.exports = { table };
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

rakhee profile image

Can React v19 replace React Query(Tanstack)?

Rakhi Singh -

trixsec profile image

Part 12: Building Your Own AI - Model Evaluation and Tuning for Optimal Performance

Trix Cyrus -

vivek1030 profile image

Springboot Interview Questions

vivek -

_bfdad915fb681bbdca046 profile image

Is there a way to add and check a personal project within a cloned React project?

fdad915fb681bbdca046 -