컨텐츠로 건너뛰기

Astro 사이트를 Kinsta 애플리케이션 호스팅에 배포

Kinsta 애플리케이션 호스팅을 사용하여 클라우드 호스팅에서 Astro 사이트를 호스팅할 수 있습니다.

Kinsta 애플리케이션 호스팅에서 프로젝트를 호스팅하려면 다음을 수행해야 합니다.

  • package.json 파일에 name 필드를 포함합니다. (이는 무엇이든 가능하며 배포에 영향을 미치지 않습니다.)
  • package.json 파일에 build 스크립트를 포함합니다. (여러분의 Astro 프로젝트에는 이미 이 내용이 포함되어 있어야 합니다.)
  • serve 패키지를 설치하고 start 스크립트를 serve dist/로 설정합니다.

package.json 파일에 필요한 줄은 다음과 같습니다.

package.json
{
"name": "anything", // 이는 필수이지만 값은 중요하지 않습니다.
"scripts": {
"dev": "astro dev",
"start": "serve dist/",
"build": "astro build",
"preview": "astro preview",
"astro": "astro"
},
"dependencies": {
"astro": "^2.2.0",
"serve": "^14.0.1"
},
}

Kinsta 애플리케이션 호스팅에서 프로젝트를 호스팅하려면 다음을 수행해야 합니다.

  • package.json 파일에 name 필드를 포함합니다. (이는 무엇이든 가능하며 배포에 영향을 미치지 않습니다.)
  • package.json 파일에 build 스크립트를 포함합니다. (여러분의 Astro 프로젝트에는 이미 이 내용이 포함되어 있어야 합니다.)
  • @astrojs/node 패키지를 설치하고 start 스크립트를 node ./dist/server/entry.mjs로 설정합니다.
  • @astrojs/nodehost: true를 사용하도록 astro.config.mjs 파일을 설정합니다.

package.json 파일에 필요한 줄은 다음과 같습니다.

package.json
{
"name": "anything", // 이는 필수이지만 값은 중요하지 않습니다.
"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"
},
}

astro.config.mjs 파일에 필요한 줄은 다음과 같습니다:

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

프로젝트의 GitHub 저장소가 연결되면 MyKinsta 관리자 패널에서 Kinsta 애플리케이션 호스팅에 대한 수동 배포를 트리거할 수 있습니다. 관리자 패널에서 자동 배포를 설정할 수도 있습니다.

새로운 Kinsta 애플리케이션 구성

섹션 제목: 새로운 Kinsta 애플리케이션 구성
  1. My Kinsta 관리자 패널로 이동합니다.

  2. Applications 탭으로 이동합니다.

  3. GitHub 저장소를 연결합니다.

  4. Add service > Application 버튼을 누릅니다.

  5. 마법사 단계를 따릅니다.

  6. 애플리케이션이 배포되었습니다.

더 많은 배포 안내서