Skip to content

Deploy your Astro Site to Kinsta Application Hosting

This content is not available in your language yet.

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

Configuring your Astro project

Section titled Configuring your Astro project

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"
},
}

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
}
});

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

Section titled 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.

Więcej poradników wdrażania

Contribute

Czym chcesz się podzielić?

Create GitHub Issue

Quickest way to alert our team of a problem.

Community