AIイノベーションズ

SvelteKitをStaticモードでAzure Static Web Appsにデプロイする

SvelteKitで作成した静的サイトをAzure Static Web Appsにデプロイする方法を解説。前提条件やpackage.jsonへのNodeバージョン指定について説明します。

著者: AIイノベーションズ 阿部隼也（X / Twitter）

静的サイトをSvelteKitで制作し、Azure Static Web Appsにデプロイします。

前提

  • Azureに共同作成者（Contributor）権限を持つリソースグループがある （厳密にはいろいろ細かな権限があればいいのですが不明だったので共同作成者を利用）

package.jsonにAzureで使うNodeバージョンを記述する

{
 "type": "module",
 "engines": {
  "node": "20.14.0"
  }
}

PR

SvelteKitでMaterial Design Iconsを使う（svelte-material-icons）

SvelteKitプロジェクトでMaterial Design Iconsを簡単に利用できるライブラリ「svelte-material-icons」の導入と使い方を解説。インストールからアイコンの読み込み、スタイリング方法まで紹介します。

VSCodeでのSvelteKit開発体験を10倍に向上させる9つのヒント

Next Page

On this page