SvelteKit • 効率的で無駄のない、研ぎ澄まされた Web 開発

効率的で無駄のない、研ぎ澄まされた Web 開発

ドキュメントを読む

高速

Svelteと Vite を使用しており、あらゆる部分にその速さが組み込まれています: 高速なセットアップ、高速な開発、高速なビルド、高速なページロード、高速なナビゲーション。

楽しい

もうこれ以上、バンドラーのコンフィグやルーティング、SSR、CSP、TypeScript、デプロイの設定、その他全ての退屈な作業に時間を費やすことはありません。コーディングに喜びを。

柔軟

SPA? MPA? SSR? SSG? 全て対応しています。SvelteKit は、構築しようとしているものが何であれ、それを実現するためのツールを提供します。そして、JavaScript が動作するところならどこでも動作します。

see for yourself

Try it locally, on StackBlitz, or with the interactive tutorial.

terminal

npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --open

/ˈsvɛlt/ 形容詞魅力的でスリム、洗練されていてスタイリッシュ

Svelte Origins ドキュメンタリーをフルで視聴する

SvelteKit は Svelte 上に構築されています。Svelte はコンパイラを使用する UI フレームワークで、息を呑むほど簡潔にコンポーネントを書くことができ、ブラウザで最小限の動作となるようにしてくれます。開発者は既知の言語(HTML、CSS、JavaScript)を使うことができます。これは、web 開発へのラブレターです。

私たちが主張しているだけだと思わないでください。Svelte は、開発者が最も使用したいと考えているフレームワークとして、常に上位にランクしています。

機能? 揃ってます。

最大限のパフォーマンスを得られる プリレンダリング ページと最大限の柔軟性を持つ サーバーサイドレンダリング を組み合わせることができます。たった1行追加するだけで、アプリをクライアントレンダリングする PWA にすることができ、しかもそれを全体に適用することも単一ページに適用することもできます。アクセシブルな クライアントサイドルーティング と自動的な プリロード を使用し、ページ全体(と analytics やその他全てのジャンク)を再読み込みすることなく、なめらかで瞬間的なナビゲーションを実現することができます。自動的な CSRF 保護 と、使いやすい Content Security Policy 設定によってユーザーを守ることができます。高度な 環境変数 処理により、秘情報を保護することができます。処理安全(gracefully)かつ セキュア なエラー処理ができます。データを 直接データベースから読み込み 、型安全 なデータ読み込みとビルトインの form actions (JavaScriptが無くても動作します)によってバックエンドとフロントエンドをつなぎます。他のクライアントサイドルーティングフレームワークと同じページで共存できます。オフラインサポートのために service worker を追加できます。必要に応じて AMP 準拠 のページを生成します。非常に強力な ファイルシステムベースのルーティング によって複雑な UI を構築できます。入れ子のレイアウト(Nested layouts)? 当然です。様々な環境で動作する web スタンダード を学ぶことができます。Tailwind や Playwright、Vitest、Storybook など、あなたが望むものとインテグレートできます。アプリだけでなく ライブラリ を構築することができます。 adapter によって どこにでもデプロイ することができます。