🚀

Render.comにSvelteKitをデプロイする

2024/01/08に公開

参考情報

公式ドキュメントにやり方が書いてあります。
https://docs.render.com/deploy-sveltekit

公式のサンプルリポジトリもあるので、それを真似すればOKです。
https://github.com/render-examples/sveltekit

アプリケーションの変更

svelte.config.jsでadapterをnodeに変更する。
adapterとはアプリケーションビルドの出力を制御するSvelteKitの仕組みです。

// svelte.config.js
import node from '@sveltejs/adapter-node';

/** @type {import('@sveltejs/kit').Config} */
const config = {
  kit: {
    adapter: node()
  }
};

export default config;

package.jsonにビルドと実行スクリプトを記述

{
  "scripts": {
    "build": "vite build",
    "start": "node build/index.js",
  },
}

この2箇所を変更したら、あとは普通にデプロイをすればOKです。

Discussion