Skip to content

Commit c14e718

Browse files
authored
docs: Added Kinsta deployment guide (#2174)
* Added Kinsta deployment guide * Minor text fixes * Added missing linke
1 parent eccaaf5 commit c14e718

File tree

3 files changed

+78
-0
lines changed

3 files changed

+78
-0
lines changed

content/en/deployments/kinsta.md

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
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.
Lines changed: 3 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)