50 minutes, Advanced, Start Building
BattleStax is a stateful JAMStack game that is wholesome fun for the entire crew.
- Deploy a scalable JAMStack app to production
- Leverage a good CI/CD process to manage your JAMStack App
The BattleStax players watch a lobby screen while playing the game on their devices.
JAMstack is a big leap forward in how we can write web applications that are easy to write, deploy, scale, and also maintain. Using this approach means that newly created content is rendered from a content API, while a static render of it is being built into the site for future.
To build and play with this app, follow the build instructions that are located here: https://github.com/DataStax-Examples/battlestax
Follow the instructions below to get started.
Let's do some initial setup by creating a serverless(!) database.
-
Create a DataStax Astra account if you don't already have one:
-
Define a database name, keyspace name and select a database region, then click create database.
-
Your Astra DB will be ready when the status will change from
Pending
toActive
๐ฅ๐ฅ๐ฅ -
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. -
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. -
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 theToken
value that is part of your Application Token.
-
Click
Use this template
at the top of the GitHub Repository: -
Enter a repository name and click 'Create repository from template':
Make sure you've completed the prerequisites before starting this step
- Check out the
full-game
branch
git fetch
git checkout full-game
-
Create a
.env
file and fill it with values from the.env.example
file. -
Make sure the package dependencies are installed
# install dependencies
npm install
- Then, start the app in dev mode. Changes in the
src
orfunctions
directories will trigger reloads.
# start battlestax in dev mode
npm run dev
The above instructions are great to get you up and running pretty quickly, but if you would like to learn how to fully deploy the application to production with JAMStack then click the button below to get started.