svelte-kit
Tag: svelte-kit
9 articles tagged with #svelte-kit
Claude Code でブログを作った話 — このサイトができるまで
このブログサイトを Claude Code を使って構築した過程を振り返ります。AI とのペアプログラミングで得た知見と実践的なワークフローを共有します。
Cloudflare Pages に SvelteKit をデプロイする手順と Tips
SvelteKit プロジェクトを Cloudflare Pages にデプロイする方法。adapter-cloudflare の設定からカスタムドメインまで解説します。
SvelteKit で OGP 画像を自動生成する — satori + resvg-js でプリレンダリング
satori と resvg-js を使って、SvelteKit のビルド時に記事ごとの OGP 画像を静的生成する方法を解説します。
Pagefind で静的サイトに全文検索を追加する
Pagefind を使って静的サイトに高速な全文検索機能を実装する方法。SvelteKit との統合方法も解説します。
ESLint + Prettier を SvelteKit プロジェクトに設定する
SvelteKit プロジェクトでの ESLint と Prettier の設定方法。Svelte ファイルの対応と、競合を避ける設定を解説します。
SvelteKit でダークモードを実装する — Tailwind CSS + システム設定連携
SvelteKit + Tailwind CSS でダークモード切り替えを実装する方法。システム設定との連携やフラッシュ防止のテクニックも紹介します。
Vite の import.meta.glob を使ったファイルの動的インポート
import.meta.glob の使い方と活用パターン。ブログ記事の一括取得や、コンポーネントの動的ロードなどの実例を紹介します。
mdsvex で Markdown ブログを作る — Svelte コンポーネントを記事に埋め込む
mdsvex を使って Markdown 内で Svelte コンポーネントを利用する方法。設定からカスタムレイアウト、rehype プラグインまで解説します。
SvelteKit で静的サイトを作る — prerender の仕組みと設定
SvelteKit のプリレンダリング機能を使って静的サイトを生成する方法。設定のコツと注意点を解説します。