A picture is worth a thousand words. Here's what we're going to build today.
In Part 1, we learned how to set up our development environment, and in Part 2, we learned how to customize the template for the Nasa Demo application. In this article, we will be going over the steps on how to deploy the application to the internet so your friends can see it too!
Bonus: Render hosting for the static site is free with less than 400 build hours per month. 😄
Go to onrender to register a new account with Render.
For this tutorial, I simply used my Github account to register with Render.
Come back to Render with your account, and you should see the dashboard.
Enter the following:
- Build Command:
- Publish directory:
Open up the Advanced toggle to add environment variable.
See Part 1 to find out how to get the NASA API key.
Your live site should look something like this one here. 😄
Build A Simple Vue 3 App and Enjoy Astronomy! (Part 1 of 3)
Build A Simple Vue 3 App and Enjoy Astronomy! (Part 2 of 3)
Build A Simple Vue 3 App and Enjoy Astronomy! (Part 3 of 3)