Toggle Menu

FastSite

FastSite is a no-code tool to generate content-driven websites. It leverages the power of modern JAMStack and cloud-native technologies.

50 minutesAdvanced

Updated


FastSite

60m, advanced, Start Building

FastSite is a no-code tool to generate content-driven websites. It leverages the power of modern JAMStack and cloud-native technologies.

fastsite

Demo Video: https://youtu.be/3Pw0-7XqjC8

How this works

LayerTechnologyProvider
Front-endSPA/ SPA-SSR/ Static websiteNetlify/ Vercel
Back-endServerless FunctionsNetlify/ Vercel
DatabaseCloud-native NoSQL DBDataStax Astra

Get Started

To build and play with this app, follow the build instructions that are located here: https://github.com/DataStax-Examples/fastsite-console

Running FastSite

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.

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.

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.

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

  • Install all the project's dependencies:
npm i
  • Enter the values in .env file for below variables:

    DataStax Astra connection details:

ASTRA_DB_ID
ASTRA_DB_REGION
ASTRA_DB_USERNAME
ASTRA_DB_KEYSPACE
ASTRA_DB_PASSWORD

​ Access token to secure serverless functions:

FUNCTIONS_ACCESS_TOKEN

​ Base URL of FastSite-Sites deployment:

REACT_APP_SITES_URL
  • Run the project locally:
netlify dev
  • Build the project:
npm run build
  • Deploy:
netlify deploy -p 

Running on Gitpod

  1. Click the 'Open in Gitpod' link:

Open in IDE

Deploying to Netlify

  1. Click the 'Deploy to Netlify' button:

Deploy to Netlify

Datastax contributors

Create your Account and get started!

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