with-airtable-prismjs-axios

StepZen Example: with-airtable-prismjs-axios

Introduction

This project builds a GraphQL API connected to Airtable and PrismJS, using StepZen and axios.

Getting Started

You'll need to create a StepZen account first. Once you've got that set up, git clone this repository onto your machine and open the working directory:

git clone https://github.com/stepzen-dev/examples.git
cd examples/with-airtable-prismjs-axios

Stickers Page

Demo Link -- https://www.youtube.com/watch?v=2xTqzzb2iaA

To run the development version:

npm install
cp .env.sample .env.local
npm run dev

The stickers url: http://localhost:3000/stickers

To build and run the production version:

npm install
npm run build
npm start -p 3000

Both will run at http://localhost:3000

Run StepZen

You can copy the file sample.config.yaml to a new config.yaml file:

cp stepzen/sample.config.yaml stepzen/config.yaml

Replace the contents of config.yaml with your own keys.

# stepzen/config.yaml

configurationset:
  - configuration:
      name: airtable_config
      Authorization: Bearer PLACE_KEY_HERE
      baseid: PLACE_ID_HERE
  - configuration:
      name: lob_config
      Authorization: Basic PLACE_KEY_HERE

Open your terminal and install the StepZen CLI:

npm install -g stepzen

You need to login here using the command:

stepzen login

After you've installed the CLI and logged in, run:

stepzen start

In you terminal the endpoint at which your GraphQL API is deployed is logged. A proxy of the GraphiQL playground is available at your suggested endpoint (in example http://localhost:5001/api/with-airtable-prismjs-axios), which you can use to explore the GraphQL API.

Learn More

You can learn more in the StepZen documentation. Questions? Head over to Discord or GitHub Discussions to ask questions.