Svelte 4 (と SvelteKit と adapter-static) で SSG してみる練習。

home と about があって、home にカウンタが置いてあるサイトを GitHub Pages にしてみた。

ここ ➞ https://heiwa4126.github.io/svelte-ssg1

「gh-branch ブランチに push すると更新」方式。

普通にpnpm buildだと ./buildに出る。(./buildはデフォルト値)。

layout.svelete で<a>に直書きしてる href、kit.paths.base で処理してくれない。<Link>じゃないからしょうがない。カッコいい方法を調べる。

(続き)「カッコいい方法」はいまいち無い感じ。地道に import { base } from '$app/paths'; して <a href="{base}/about">about</a> するしかなさそう。

kit.paths.base は空白値 または '/'で始まる必要がある。

dev でも preview でも ルートにアクセスすると kit.paths.base にリダイレクトしてくれる。便利。

• Static site generation • Docs • SvelteKit
• Configuration • Docs • SvelteKit
• Variables - GitHub Docs - GITHUB_REPOSITORY 変数。この レポジトリだと heiwa4126/svelte-ssg1 が入る。
• metonym/sveltekit-gh-pages: Minimal SvelteKit set-up made deployable to GitHub Pages. - 参考になった