Go live
Publish your website
Put your website online with Vercel, Netlify or your own server.
Before you publish
Run through this list. Each item links to the page that explains it.
- Business details are real, and demo is set to false
- Social links are yours, and socialAreDemo is set to false
- Your logo and favicon are in place
- All demo photos are replaced with your own
- Prices, team, reviews and articles are real or removed
- “Sample content” labels are off (demoLabels: false)
- Every page has its own title and description
- Forms are connected and tested
- Privacy policy and terms are completed and checked
- NEXT_PUBLIC_SITE_URL is set to your domain
Then check that the website builds without errors. In the terminal, run:
$npm run buildIf it finishes with a list of pages and no red errors, you are ready. If not, the message names the file and line to fix.
Choose where to host it
Your website needs hosting that supports Node.js. The easiest options handle everything for you:
| Option | Best for |
|---|---|
| Vercel (recommended) | Easiest. Made by the creators of Next.js. Free plan available. |
| Netlify | Also very easy, with a free plan. |
| Your own server (VPS) | If you or your developer already manage a server. |
Publish with Vercel
Put your project on GitHub
Create a free account at github.com. The simplest way to upload is GitHub Desktop: choose File → Add Local Repository, select your template folder, create the repository and click Publish repository. Keep it private.
The
node_modulesfolder is skipped automatically. It is rebuilt on the server.Import it into Vercel
Sign up at vercel.com with your GitHub account. Click Add New → Project and import your repository. Vercel detects Next.js on its own; you do not need to change any build settings.
Add your settings
Before deploying, open Environment Variables and add
NEXT_PUBLIC_SITE_URLplus any form addresses from your.env.localfile.Deploy
Click Deploy. After a minute or two you get a live address like
your-project.vercel.app.Connect your domain
In your project, open Settings → Domains, add your domain and follow the instructions to update its DNS settings with your domain provider. Changes can take up to a day to take effect.
Publish with Netlify
The steps are almost the same: put your project on GitHub, sign up at netlify.com, choose Add new site → Import an existing project, pick your repository, add your environment variables and deploy. Netlify detects Next.js automatically.
Publish on your own server
For developers. The server needs Node.js 20.9 or newer. Upload the project (without node_modules), then run:
$npm install$npm run build$npm run startThe site runs on port 3000. Set environment variables before building. In production, keep it running with a process manager such as PM2 and put a web server such as Nginx in front of it for your domain and HTTPS.