Skip to content
David Jones-Gilardi edited this page Feb 8, 2021 · 5 revisions

πŸš€ JamStack + πŸ§‘β€πŸš€ React + πŸ§‘β€πŸ’» Workshop

Welcome to BattleStax, a JAMStack game that uses Netlify, DataStax Astra, and GitHub to demonstrate how to build and deploy an application using modern, scalable architectures.

In this 3 hour workshop you will create your own BattleStax game using React and Redux implemented with a CI/CD pipeline, global CDN network, and Apache Cassandra all using FREE tech.

log

It doesn't matter if you join our workshop live or you prefer to do at your own pace, we have you covered. In this repository, you'll find everything you need for this workshop.

πŸ—“οΈ Table of Contents

All the tutorials and readme files are on the master. The bootstraping step is mandatory for you do the exercises. Then, checkout the branch you need to jump to any step. Get a look at all branches here

  • Bootstraping
    • πŸ“š [What is the JAMStack]
    • βš’οΈ [Setup and deploy your first app]
  • Step 1 - Serverless
    • πŸ“š [What can Netlify do for you]
    • βš’οΈ [Expose your "hello world" API]
  • Step 2 - Implement a Serverless Data API
    • πŸ“š [What are DataStax Astra and Stargate]
    • βš’οΈ [Implement a CRUD Api in Astra]
  • Step 3 - Client and State Management with Redux
    • πŸ“š [What are Redux and React]
    • βš’οΈ [Create client state with Redux]
  • Step 4 - React stuff
    • βš’οΈ [Bind Redux to the User Interface]
  • What's NEXT ? (not the framework 😈)
    • πŸ“š [Extra Resources and certifications]
    • πŸ’š [Share the love]

click the button to start !

🏠 Home

🏁 I - What is the JamStack?

Introduction to the JAMStack Why this is cool ? Introduction to Netlify Want to learn more ? πŸ› οΈ II - Setup and deploy your first app

Create your BattleStax repository Setup Netlify account Summary πŸ› οΈ III - Create your Astra instance

Register and Sign In to Astra Configure and create your database Activate Cassandra awesome πŸ“š IV - What can Netlify do for you

Build, Package, deploy, host Advanced features Netlify Functions Want to learn more πŸ› οΈ V - Expose your "hello world" API

Setup your environment Make a serverless endpoint using Netlify functions Merge back to master Check your deployment in Netlify Summary πŸ“š VI - What are DataStax Astra and Stargate

Introduction to Astra Introduction to Stargate Want to know More πŸ› οΈ VII - Set environment variables in your application

Creating the .env file Explore the API with HTTPie πŸ› οΈ VIII - Set secrets in GitHub for CI/CD

Configure secrets in GitHub Verify your secrets How is this all working ? πŸ› οΈ IX - Set environment variables in Netlify

Set environment variables in Netlify Verify your environment variables Summary πŸ› οΈ X - Implement a CRUD Api in Astra

Creating the insertGame Netlify endpoint Connect to Astra Hook it all together Running TDD tests πŸ› οΈ XI - Verify and Deploy in Netlify

Merge back to master Verify your deployment in Netlify Feel the enormity of your accomplishment Super secret full game option πŸ“š XII - Resources

Clone this wiki locally