adapter-vercelとadapter-cloudflare
対応するアダプターを使用して、Vercel edge functionsまたはCloudflare Workersにデプロイします。
「adapter-vercelとadapter-cloudflare」はCoddyKit上の無料Sveltejs Academyレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSveltejs Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Sveltejs Academyコースには全4レッスンが含まれています。
adapter-vercel
VercelのEdgeまたはサーバーレス関数に自動的にデプロイします。
npm install -D @sveltejs/adapter-vercelVercelの検出
Vercelにデプロイするとadapter-autoがadapter-vercelを選択します。明示的にインストールすると、より細かく制御できます。
EdgeとNode
Vercelアダプターでは、ルートごとにEdge（コールドスタートが高速）とNodeのランタイムを使い分けられます。
export const config = { runtime: "edge" };adapter-cloudflare
SSRとAPIにWorkersを使用するCloudflare Pagesへデプロイします。
npm install -D @sveltejs/adapter-cloudflareCloudflare Pages
リポジトリをCloudflare Pagesに接続すれば、残りの処理はアダプターが行います。
Edgeのパフォーマンス
Edge関数は世界中のユーザーの近くで実行されるため、レイテンシーを短縮できます。
制限事項
EdgeランタイムにはNode APIが完全には備わっておらず、fsやネイティブモジュールは使用できません。あらかじめ考慮してください。
環境変数
Cloudflareではダッシュボードまたはwrangler.tomlを使用し、Vercelではプロジェクトの環境変数を使用します。
ログと可観測性
どちらのプロバイダーも、ダッシュボードからリアルタイムのログとメトリクスを提供しています。
プレビューデプロイ
どちらもすべてのPRにプレビューURLを作成できるため、レビューに便利です。
コスト
小規模なプロジェクトでは無料枠で十分なことが多く、有料プランでは利用量に応じて拡張できます。
クイックチェック
コールドスタートが速いのはどのランタイムですか？
まとめ
最小限の設定でサーバーレスおよびEdgeへデプロイするには、adapter-vercelまたはadapter-cloudflareを使用します。
AI チューターと学ぶ HTML — 無料
ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。
- コース
- 41
- レッスン
- 163
よくある質問
「adapter-vercelとadapter-cloudflare」レッスンは無料ですか？
はい。「adapter-vercelとadapter-cloudflare」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Sveltejs Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Sveltejs Academyコースには全4レッスンが含まれています。
「adapter-vercelとadapter-cloudflare」で何を学びますか？
対応するアダプターを使用して、Vercel edge functionsまたはCloudflare Workersにデプロイします。 ブラウザで直接実行するハンズオンコードでSveltejs Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Sveltejs Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのSveltejs Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。
「adapter-vercelとadapter-cloudflare」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このSveltejs Academyレッスンでコードを書いて実行できますか？
はい。すべてのSveltejs Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- 静的サイト向けのadapter-static
- Node.jsサーバー向けのadapter-node
- adapter-vercelとadapter-cloudflare
- ビルドとプレビュー