Toggle Menu

Glitch and Astra DB Starter

Jumpstart your next React/Express prototype with this starter!

10 minutesBeginner

Updated


Glitch and Astra DB Starter

10 minutes, Beginner, Start Building

Jumpstart your next NodeJS prototype with this starter!

image

Objectives

  • Provide a fullstack development example using Astra DB as the storage backend

How this works

Run this sample in Glitch or on your local machine and then use it to jump start your next App.

Glitch is a a place to prototype fast, full-stack web apps in your browser for free.

Get Started

To build and play with this app, follow the build instructions that are located here: https://github.com/DataStax-Examples/glitch-astra-starter#prerequisites

Running the Glitch and Astra DB Starter

Follow the instructions below to get started.

Prerequisites

Let's do some initial setup by creating a serverless(!) database.

DataStax Astra

  1. Create a DataStax Astra account if you don't

already have one: image

  1. On the home page. Locate the button Create Database

image

  1. Locate the Get Started button to continue

image

  1. Define a database name, keyspace name and select a database region, then click create database.

image

  1. Your Astra DB will be ready when the status will change from Pending to Active 💥💥💥

image

  1. After your database is provisioned, we need to generate an Application Token for our App. Go to the Settings tab in the database home screen.

information (we'll need this later!): image

  1. Select Admin User for the role for this Sample App and then generate the token. Download the CSV so that we can use the credentials we need later.

information (we'll need this later!): image

  1. After you have your Application Token, head to the database connect screen and copy the connection information that we'll need later. We'll replace ASTRA_DB_APPLICATION_TOKEN with the Token value that is part of your Application Token.

information (we'll need this later!): image

Github

  1. Click Use this template at the top of the GitHub Repository:

image

  1. Enter a repository name and click 'Create repository from template':

image

  1. Clone the repository:

image

🚀 Getting Started Paths:

Make sure you've completed the prerequisites before starting this step

Running on your local machine

  1. cd into the cloned repository. Install Node dependencies with npm install.
  2. Add your Astra DB connection information into a .env file in the root of the project (copy the keys from the .env-example file).
  3. Start your app by running: npm start

Running on Glitch

  1. Login to or create a Glitch account.
  2. Start a new project using the github repo that you created above.

image

  1. Add your Astra DB connection information into the .env section provided by Glitch.

image

Datastax contributors

Create your Account and get started!

Let's Go!
View on GitHubDeploy to NetlifyDeploy to Vercel