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.

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

How this works

Layer	Technology	Provider
Front-end	SPA/ SPA-SSR/ Static website	Netlify/ Vercel
Back-end	Serverless Functions	Netlify/ Vercel
Database	Cloud-native NoSQL DB	DataStax 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:

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

3. Locate the Get Started button to continue

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

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

6. 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.

7. 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.

8. 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.

Github

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

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

3. Clone the repository:

🚀 Getting Started Paths:

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

• Running on your local machine
• Running on Gitpod
• Deploying to Netlify

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:

Deploying to Netlify

1. Click the 'Deploy to Netlify' button: