Host on Vercel

This website is built using Next.js. Also, it is hosted at Vercel.

Vercel is a cloud platform for static sites and serverless functions. It allows developers to host Node.js based projects easily and with minimal, in some cases even zero, configuration required.

Vercel is the easiest way to deploy Next.js applications because this platform is built by the same team who created Next.js in the first place.

Personally, I like Vercel because of its ability to provide great developer experiences. It has a simple, yet informative, dashboard. Most importantly, it helps me focus on my web apps, and avoid server-related activities.

Below you can find instructions of adding a website to Vercel.

Create an account at Vercel (if needed)

You need to have an account at Vercel in order to deploy a website to this platform. So, if you do not have one yet then make sure to sign up for it.

Because Vercel deploys from a Git repository, I would recommend to use your code repository hosting platform (GitHub, GitLab, or Bitbucket) when signing up for Vercel account.

For instance, since my code resides at GitHub, I used GitHub for creating account at Vercel.

Create a project

After logging in to Vercel, create a new project.

When creating a new project, you will have two (2) options to deploy a website: either import an existing Git repository or get started with one of Vercel templates.

As for me, I have chosen an option to import from a Git repository, because I have already built an initial version of my website and pushed it to GitHub.

Configure a project

After the project has been created, you will be redirected to the Project’s page to set configurations for your website.

To simplify the process of creating a project, Vercel auto-fills a lot of settings on this page. So, review them all and make changes if needed.

Personaly, I left all settings untouched.

Deploy a project

Once you are done with configurations, deploy your website.

Note, it may take some time for Vercel to process deployment. However, you can go over to Build Logs to see the log output in real time.

Enjoy your website

Once the build is successfully complete, a Congratulations screen should appear in your browser. It means that your website is live.

Now, you can visit it. Also, you can go to the dashboard in case you want to view more information about your website.