Nuxt​.js Deployment

Here is a step-by-step guide on how to deploy your Nuxt.js Project on Cloudinator:

How to Deploy Nuxt.js on Cloudinator

Login User Interface

Step 1: Sign up for a Cloudinator account

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

Create a new HTML Static Site

Step 2: Create a new Nuxtjs Project

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

Step 3: Choose Git Provider

Choose the Git repository that contains your Nuxt JS Project. You have option for choose GitHub or GitLab
Configure build settings

Step 4: Configure deployment settings

Set the following settings for your Nuxt JS site:
  • Project name
  • Git URL
  • Subdomain name
  • Webhook for continuous deployment
Deploy your site

Step 5: Deploy your site

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

Step 6: Access your deployed Nuxtjs site

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

Video Guide

Here is a quick introduction video about Nuxt.js deployment in cloudinator:

Resource

Here is overview of project structure:

basic-nuxt
View and copy the repository link

Repository Structure

  • public
  • server
  • app.vue
  • package-lock.json
  • package.json
  • README.md
  • tsconfig.json