Next.js Deployment

Here is a step-by-step guide on how to deploy your Nextjs site on Cloudinator:

How to Deploy Next.js on Cloudinator

Step 1: Sign up for a Cloudinator account

Visit Cloudinator and create a new account or sign in if you already have one.

Step 2: Create a deploy Next.js website

From your Cloudinator dashboard, click on 'Create Project' and select 'Frontend' in project type.

Notice!

Make sure you have a workspace containing your project's site. If you don't have one, you can create one now

Step 3: Choose Git Provider

Choose the Git repository that contains your Next.js files. You have the option to choose GitHub or GitLab

Step 4: Configure Deployment Settings

Set the following settings for your Next.js:

• Project name
• Git URL
• Subdomain name
• Webhook for continuous deployment (optional)

Important!

Cloudinator will deploy your Next.js files

• using branch main
• Make sure in your Next.js project file setup standalone in config file

Step 5: Deploy your site

Click 'Create Frontend Project' to start the deployment process. Cloudinator will automatically build and deploy your site.

Step 6: Access your deployed Next.js website

Once deployment is complete, Cloudinator will provide you with a URL to access your live site.

Get Started with Cloudinator

Video Guide

Here is a quick introduction video about Nextjs deployment in cloudinator:

Resource

Here is overview of project structure: