We are going to demonstrate how easy it is to deploy your static web app to Vercel for free in the last article of the series.
First, commit and push the project to a Github repo if you haven't. Go to https://vercel.com/login, create a Vercel account with Github account authorization. You will now see an empty dashboard (if you have not deployed anything to Vercel before).
Click "Create a New Project".
Choose a Github account, and Github window will pop up for you to select the project that you want to deploy.
Type and select the repo that you commited your project to install Vercel.
You will now see that the Github repo is ready to be imported. Click on "Import".
You can skip all the customisable configurations for our demo project. Click on "Deploy".
You may see that the app is being deployed.
When you see this page, it means the deployment has been successful. Click on "Go to Dashboard".
Select the app that we have deployed.
You can see that now the app is live and running.
You may test on different routes to see if they are working properly.
I might consider to add one more article on the topic for Next.Js Analytics by Vercel to this series. It has a great dashboard and tracking some metrics that we mentioned in series #6.
Thanks for following through this short series of brief introduction to Next.Js.
I shall continue to post more Web Dev, UIUX related articles (and more non-technical articles) in the future. Stay tune!
Do follow me for more future articles on web design, programming and self-improvement 😊