Deploy Nuxt on Kinsta Application Hosting

How to deploy Nuxt on Kinsta Application Hosting?

Kinsta Application Hosting is a service that lets you build and deploy your web apps directly from your Git repository.

SSR - configuration

Kinsta Application Hosting is using Buildpacks to determine what is needed to build and deploy the application.

Whenever a deployment is initiated the npm build command is run, followed by the npm start command.

This means, that your package.json should look like this:

{
  "name": "my-app",
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "generate": "nuxt generate",
    "start": "nuxt start"
  },
  "dependencies": {
    "nuxt": "^3.0.0"
  }
}

There is also a Starter , if you want to give it a spin.

SSG - configuration

Kinsta Application Hosting is using Buildpacks to determine what is needed to build and deploy the application.

Whenever a deployment is initiated the npm build command is run, followed by the npm start command.

First, we have to install the serve package and prepare the package.json like this:

{
  "name": "my-app",
  "scripts": {
    "build": "nuxt generate",
    "start": "serve ./.output/public"
  },
  "dependencies": {
    "nuxt": "^3.0.0",
    "serve": "^14.1.2"
  }
}

Deployment

Once your project's GitHub repository is connected, you can trigger manual deploys to Kinsta Application Hosting in the MyKinsta Admin Panel. You can also set up automatic deployments in your admin panel.

Configuring a new Kinsta application

1. Register on Kinsta Application Hosting or login directly to My Kinsta admin panel.
2. Go to the Applications tab.
3. Connect your GitHub repository.
4. Press the Add service > Application button.
5. Follow the wizard steps.
6. Your application is deployed.