Hosting the NextJS portfolio - part 16


Setting up the hosting on Vercel for our Next.js portfolio

23 Oct, 2022 · 2 min read

Now that we have our Next.js portfolio ready and working dynamically, it’s time to look at hosting.

My advice with Next.js is to go with Vercel. They are the number one Next hosting. And it’s super easy (and free), so let’s do this.

Hosting a Next.js website on Vercel

To start, head over to Vercel and create an account. The easiest way is to use your GitHub account to log in.

Vercel new project

Once logged in, click to add a new project here. It will pop up the option to import a git repository. Please search for your Next.js portfolio repo and import it from the menu.

Search the right project

The cool part about Vercel is that it will automatically know it’s a Next project, so we don’t need to do any other setup. Pick a name and click “Deploy”.

The deployment will start, and once it’s done, you will see the following output stating it’s ready.

Deployment ready

You might see that my preview shows the default next page, and this is because I’ve been working in branches. And by default, Vercel will take only your main/master branch to deploy.

However, the cool part is that if we now make any changes to this branch, it will automatically trigger a new deployment.

So I headed to GitHub and merged the latest branch into the main one.

Once done with this deployment, my website is now visible on the Vercel domain! Yes, we did it. Our portfolio is now hosted publicly online.

View the portfolio

I’d also love to see your portfolios, so please share them with me 🤩.

Thank you for reading, and let’s connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Spread the knowledge with fellow developers on Twitter
Tweet this tip
Powered by Webmentions - Learn more

Read next 📖

Next portfolio - Filter by category

30 Nov, 2022 · 5 min read

Next portfolio - Filter by category

A glance at Turbopack

17 Nov, 2022 · 3 min read

A glance at Turbopack

Join 2099 devs and subscribe to my newsletter