Writing the Real Application Code
As we've seen, the starter template we used with
adapt new has created a default set of code for both our front end and back end application.
If we were writing our app from scratch, we'd start writing some React code in the
frontend/src directory and some Node.js code for our API in the
But for this guide, we'll simply copy in some already-written code for our movie database app, using
Make sure you're in the
moviedb/deploydirectory before you run the following command.
curl https://gitlab.com/adpt/gsg-moviedb/-/archive/v2/gsg-moviedb-v2.tar.gz | tar -zxv --strip=1 -C ..
This command should have added:
- Some new React UI code in
- Some new Node.js code in
- A file with some test data
moviedb/deploy/test_db.sqlthat will be pre-loaded into the Postgres database when we update the deployment.
Now, update the deployment, which will push our newly written code and populate the database with the test data:
adapt update movieapp
Test Your New MovieDB App
Congratulations! You have now deployed the complete infrastructure for your new MovieDB app.
Test your newly deployed app by opening the same link in your browser again: http://localhost:8080
You will most likely need to force your browser to hard refresh the page (reload while bypassing the browser cache). Instructions for most browsers can be found here.
You should now see a page that says Unbounded Movie Database, like the one below.
Type into the search box to get a list of matching movies.
batman if your searches turn up empty.
Change and Repeat
You can now make any changes to the app you'd like and each time you run the
adapt update command from above, Adapt will re-build any necessary images and automatically re-deploy the changed images to your local Kubernetes cluster.
(Note: Don't forget to make your browser do a hard refresh.)