🚀 JamStack + 🧑🚀 React + 🧑💻 Workshop
Welcome to BattleStax, an online party game that you can enjoy with your friends. BattleStax is implemented as a JAMStack app that uses Stargate, Netlify, 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.
ℹ️ Housekeeping
Click to view the housekeeping items (Discord Chat, Mentimeter quizz, the crew)
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.
💬 Chat with Discord*
Join our discord room The Fellowship of the Rings to chat with the team and meet our 6k+ community there.
❓ Quizz with Mentimeter
This workshop is INTERACTIVE. Not only you interact with the speakers through questions but there is more:
- We want to ask you some questions
- We want you to mark when the exercise is complete
- We want you win some SWAG with some competitions and live QUIZZES
To do so we are using Mentimeter. To play with us follow the instructions below. The code is 99 02 07 7. You can also open this link in a new tab.
🧑🏻🤝🧑🏽 The Crew
The materials has been prepared with live with our great team
 |
 |
 |
 |
|---|---|---|---|
| Chris Whilhite @kidrecursive |
David Gilardi @SonicDMG |
Rebecca Millis @beccam |
Cedrick Lunven @clun |
🗓️ Table of Contents
All the tutorials and readme files are on the master. Start there and then follow each step to get everything hooked up. Get a look at all branches here
- Bootstraping
- 📚 What is the JAMStack
- ⚒️ Setup and deploy your first app (branch
master)
- Step 1 - Serverless
- 📚 What can Netlify do for you
- ⚒️ Expose your "hello world" API (branch:
step-1)
- Step 2 - Implement a Serverless Data API
- 📚 What are DataStax Astra and Stargate
- ⚒️ Implement a CRUD Api in Astra (branch:
step-2)
- Step 3 - Client and State Management with Redux
- 📚 What are Redux and React
- ⚒️ Create client state with Redux (branch:
step-3)
- Step 4 - React stuff
- ⚒️ Bind Redux to the User Interface (branch:
step-4)
- ⚒️ Bind Redux to the User Interface (branch:
- What's NEXT ? (not the framework 😈)
click the image to start !
🏠 Table of Contents | next=> 📚 What is the JAMStack