Skip to content

Deploy your Astro Site to Kinsta Application Hosting

You can use Kinsta Application Hosting to host an Astro site on their cloud hosting.

Configuring your Astro project

Static hosting

To host your project on Kinsta Application Hosting, you need to:

  • Include a name field in your package.json. (This can be anything, and will not affect your deployment.)
  • Include a build script in your package.json. (Your Astro project should already include this.)
  • Install the serve package and set the start script to serve dist/.

Here are the necessary lines in your package.json file:

package.json
{
"name": "anything", // This is required, but the value does not matter.
"scripts": {
"dev": "astro dev",
"start": "serve dist/",
"build": "astro build",
"preview": "astro preview",
"astro": "astro"
},
"dependencies": {
"astro": "^2.2.0",
"serve": "^14.0.1"
},
}

SSR

To host your project on Kinsta Application Hosting, you need to:

  • Include a name field in your package.json. (This can be anything, and will not affect your deployment.)
  • Include a build script in your package.json. (Your Astro project should already include this.)
  • Install the @astrojs/node package and set the start script to node ./dist/server/entry.mjs.
  • Set the astro.config.mjs to use @astrojs/node and to use host: true.

Here are the necessary lines in your package.json file:

package.json
{
"name": "anything", // This is required, but the value does not matter.
"scripts": {
"dev": "astro dev",
"start": "node ./dist/server/entry.mjs",
"build": "astro build",
"preview": "astro preview",
"astro": "astro"
},
"dependencies": {
"astro": "^2.2.0",
"@astrojs/node": "^5.1.1"
},
}

Here are the necessary lines in your astro.config.mjs file:

astro.config.mjs
import { defineConfig } from 'astro/config';
import node from "@astrojs/node";
export default defineConfig({
output: 'server',
adapter: node({
mode: "standalone"
}),
server: {
host: true
}
});

How to deploy

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. Go to the 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.

Deployment Guides

More Deployment Guides

Filter by deploy type