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

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

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

前提

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

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

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

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

SvelteKitの開発体験が上がるVSCodeの設定

VSCodeでSvelteKit開発を行う際に、ファイルパスの表示を改善して開発体験を向上させる設定方法を紹介。「Workbench Label Format」を「short」に設定します。