Jeff Blankenburg - Twitter | Bluesky
Chris DeMars - Twitter | Bluesky
| Time | Topics |
|---|---|
| Setup - 1:00 | |
| 0:15 - Introductions, Explanations, Resources, Credit Codes | |
| 0:05 - Setting Up Your DigitalOcean Account | |
| 0:10 - Make sure you have a GitHub account that you currently have acecess to. | |
| 0:30 - Presentation | |
| Workshop time - 3:00 |
The app we are building is to showcase/inventory any type of collection or memorabillia you own. For this workshop we are going to focus around Funko Pops. We all love those right? The app will display a card component using MaterialUI that has a picture, the medium, character name, year released, and number in line.
You will also have the ability to add a funko or edit one.
There is also search funtionality that you will be build in order to quickly find the item you are looking for.
- How to build a next.js card component app using MaterialUI to display data
- Setting up a Managed MongoDB on DigitalOcean
- Taking a dataset and ingesting that in Compass
- Deploying the site and database to the cloud using DigitalOcean
- Enabling Autoscaling to handle traffic influx
- Set Up Your DigitalOcean Account
- Set Up Your GitHub Account
- Download and Install Node LTS (comes with npm)
- Install git if not already installed
- Download and install Compass
- Install VS Code
- Install the DOTENV extension in VS Code
The lab guide is broken up into various markdown files that will guide you through the process. Each file will have a series of steps that you will need to follow to complete the lab. If you have any questions, please feel free to ask the presenters.
To start the lab, open the Setup file and follow the instructions.
We hope you enjoy the workshop!