- Published on
Hosting Static HTML pages on Vercel
- Authors
- Name
- Emre Sanden
- @emresanden
A few days ago, a friend asked me if it was possible to host a static HTML page on Vercel. After examining how Vercel hosting works, I found it is essentially a Node.JS host.
To make it easier for others, I created a GitHub repo template for hosting HTML on Vercel. You can find it here: https://github.com/KindCoder-no/vercel-html-hosting-template.
Here's a walkthrough on how to set up the GitHub repo with Vercel:
Start by cloning the repo (or use it as a template)
Go to https://vercel.com and log in with your GitHub account.
Create a new project and import it from GitHub
Select your GitHub repo and press import
Under project settings, customize your build settings: Build command:
npm run start
Install command:npm install
Press deploy, and Vercel will handle the project deployment automatically.
If everything is set up correctly, you should see a page similar to this:
You'll get a domain from Vercel, such as https://vercel-html-hosting-template.vercel.app/
After the Vercel deployment is set up, add your HTML, CSS, and JavaScript files to the public folder on GitHub. Vercel will automatically deploy any changes.