|
| 1 | +--- |
| 2 | +template: guide |
| 3 | +title: Kinsta Application Hosting |
| 4 | +description: How to deploy Nuxt on Kinsta Application Hosting? |
| 5 | +target: Static & Server |
| 6 | +category: deployment |
| 7 | +logo: |
| 8 | + light: "/img/companies/full/light/kinsta.svg" |
| 9 | + dark: "/img/companies/full/dark/kinsta.svg" |
| 10 | +--- |
| 11 | +# Deploy Nuxt on Kinsta Application Hosting |
| 12 | + |
| 13 | +How to deploy Nuxt on Kinsta Application Hosting? |
| 14 | + |
| 15 | +--- |
| 16 | + |
| 17 | +[Kinsta Application Hosting](https://kinsta.com/application-hosting) is a service that lets you build and deploy your web apps directly from your Git repository. |
| 18 | + |
| 19 | +## SSR - configuration |
| 20 | +**Kinsta Application Hosting** is using Buildpacks to determine what is needed to build and deploy the application. |
| 21 | + |
| 22 | +Whenever a deployment is initiated the `npm build` command is run, followed by the `npm start` command. |
| 23 | + |
| 24 | +This means, that your `package.json` should look like this: |
| 25 | + |
| 26 | +```json |
| 27 | +{ |
| 28 | + "name": "my-app", |
| 29 | + "scripts": { |
| 30 | + "dev": "nuxt", |
| 31 | + "build": "nuxt build", |
| 32 | + "generate": "nuxt generate", |
| 33 | + "start": "nuxt start" |
| 34 | + }, |
| 35 | + "dependencies": { |
| 36 | + "nuxt": "^3.0.0" |
| 37 | + } |
| 38 | +} |
| 39 | +``` |
| 40 | +There is also a [Starter](https://github.com/kinsta/hello-world-nuxt), if you want to give it a spin. |
| 41 | + |
| 42 | +## SSG - configuration |
| 43 | +**Kinsta Application Hosting** is using Buildpacks to determine what is needed to build and deploy the application. |
| 44 | + |
| 45 | +Whenever a deployment is initiated the `npm build` command is run, followed by the `npm start` command. |
| 46 | + |
| 47 | +First, we have to install the [`serve`](https://www.npmjs.com/package/serve) package and prepare the `package.json` like this: |
| 48 | + |
| 49 | +```json |
| 50 | +{ |
| 51 | + "name": "my-app", |
| 52 | + "scripts": { |
| 53 | + "build": "nuxt generate", |
| 54 | + "start": "serve ./.output/public" |
| 55 | + }, |
| 56 | + "dependencies": { |
| 57 | + "nuxt": "^3.0.0", |
| 58 | + "serve": "^14.1.2" |
| 59 | + } |
| 60 | +} |
| 61 | +``` |
| 62 | + |
| 63 | +## Deployment |
| 64 | +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. |
| 65 | + |
| 66 | +### Configuring a new Kinsta application |
| 67 | +1. Register on [Kinsta Application Hosting](https://kinsta.com/signup/?product_type=app-db) or login directly to [My Kinsta](https://my.kinsta.com/) admin panel. |
| 68 | +2. Go to the **Applications** tab. |
| 69 | +3. Connect your GitHub repository. |
| 70 | +4. Press the **Add service** > **Application** button. |
| 71 | +5. Follow the wizard steps. |
| 72 | +6. Your application is deployed. |
0 commit comments