Deploying a Hobby Web App on Vercel

Goals

• I want to publish a web app with only static content to the internet.
• So, things like RDBs are not necessary.
• I want it to be HTTPS by default.
• I want it to be free.

After doing some research, I found Vercel, so I decided to try it out.

Creating an Account

(1) Access https://vercel.com/signup

(2) Select [I'm working on personal projects] -> Enter your name in [Your Name] -> Click [Continue]

(3) Click [Continue with GitHub]

Specifying GitHub Repository and Deploying

(1) Select [Select a Git Namespace] -> [Add GitHub Account]

(2) Select your GitHub account

(3) Select [Only select repositories] -> Select the repository you want to deploy to Vercel in [Select repositories] -> Click [Install]

(4) Click [Import]

(5) Click [Deploy] with the default settings

(6) By clicking the preview at the top of the screen, you can access the deployed application in your browser

It seems like the URL will be [https://repository-name-random-word.vercel.app].

Basic Authentication

I was able to do it by just following the steps here 👇️

https://zenn.dev/monicle/articles/vercel-plain-middleware-basic-auth

Conclusion

It's easy!