Skip to content

🚀 A sample React, Typescript, DataStax Astra, Gatsby.js app

License

Notifications You must be signed in to change notification settings

DataStax-Examples/astra-gatsbyjs-starter

Repository files navigation

Astra DB and Gatsby.js Starter

30 minutes, Beginner, Start Building

Create a React.js, Gatsby application that reads data from DataStax Astra DB using GraphQL.

image

Quick Start

  • Create an Astra DB Keyspace called sag_gatsby_starter in your database.
  • Generate an Application Token with the role of Database Administrator for the Organization that your Astra DB is in.
  • Click the 'Open in Gitpod' link: Open in IDE
  • Once the app is finished launching in the Gitpod IDE, copy the env.example file to a file named .env and fill the required values in from your Application Token and Astra DB connection settings.
  • Start the example by running npm run develop in the Gitpod console.

Objectives

  • Provide a development example using GraphQL with Astra DB as the storage backend.

How this works

Once the Astra DB credentials are provided, Gatsby can connect to your Astra DB's GraphQL endpoint. The webservice will be available on port 8080 once the application has been deployed.

Gatsby is a React-based, GraphQL powered, static site generator, with much of the functionality of a modern front-end framework. It brings together the best components of React, webpack, react-router, GraphQL, and other front-end tools. This is used to generate the application.