Deploy

Vercel is a hosting company and the creator of Next.js. That is why we recommend hosting on there. They also have a generous free-tier which is enough for a directory with low traffic. If you are scaling, go with their fair-priced Pro-tier.

1. Push your local code to Github. Use the following GitHub Guide if you have never done it before.
2. Head over to your this page to directly import the code from GitHub to Vercel.

When you import your project on Vercel, make sure to click on Environment Variables and set them to match your .env.local file. Just copy & paste the content of that file, Vercel will handle the rest.

Don't forget to change NODE_ENV to production.

3. Register a domain name Recommendation: Namecheap, and add it to your project using Vercel's Custom Domain Name Guide.

Congratulations. You directory business is online.