tanstack-start について
tanstack-start は、TanStack Start によるフルスタックアプリ開発を支援するスキルです。サーバー関数、ミドルウェア、デプロイ、レンダリング、React・Solid・Vue アダプターを扱い、バージョンに合った資料へ案内します。
主な機能
- 01Start のアーキテクチャとランタイムのガイド
- 02サーバー関数とルート
- 03ミドルウェアと認証
- 04デプロイとレンダリング
- 05React・Solid・Vue アダプター
活用シーン
- 01TanStack Start アプリのセットアップ
- 02サーバー関数とミドルウェアの実装
- 03デプロイやフレームワークアダプターの設定
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-startインストール後、Claude Code で/tanstack-startを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a405ee70c632bb938acb7ac5f210e814409b3760ea9d2329d8ed8ffcfd11a0e7.txtreferences/deployment-rendering.mdfoundations.mdframework-react.mdframework-solid.mdframework-vue.mdreferences/assets/tanstack-router-core-search-params/references/validation-patterns.mdreferences/guides/tanstack-react-start-d9f2ca2e.mdtanstack-react-start-lifecycle-migrate-from-nextjs-fcda4574.mdtanstack-react-start-server-components-93d115ff.mdtanstack-router-core-3c7fd849.mdtanstack-router-core-auth-and-guards-fbf39499--common-mistakes.mdtanstack-router-core-auth-and-guards-fbf39499--core-patterns.mdtanstack-router-core-auth-and-guards-fbf39499--cross-references.mdtanstack-router-core-auth-and-guards-fbf39499--overview.mdtanstack-router-core-auth-and-guards-fbf39499--setup.mdtanstack-router-core-auth-and-guards-fbf39499.mdtanstack-router-core-code-splitting-21d488b4.mdtanstack-router-core-data-loading-9f5ce056--common-mistakes.mdtanstack-router-core-data-loading-9f5ce056--core-patterns.mdtanstack-router-core-data-loading-9f5ce056--cross-references.mdtanstack-router-core-data-loading-9f5ce056--overview.mdtanstack-router-core-data-loading-9f5ce056--route-loading-lifecycle.mdtanstack-router-core-data-loading-9f5ce056--setup.mdtanstack-router-core-data-loading-9f5ce056--tensions.mdtanstack-router-core-data-loading-9f5ce056.mdtanstack-router-core-navigation-ec84fd49.md詳細
TanStack Start
TanStack Start のフルスタックアプリケーションに関するガイダンスです。サーバー関数、ミドルウェア、デプロイ、フレームワークアダプターを取り上げます。
API を使用する前に、インストールされているパッケージのバージョンを確認してください。
ワークフロー
- インストールされている TanStack パッケージと正確なバージョンを確認します。
- 基礎リファレンスと、検出されたフレームワークのアダプターリファレンスを読みます。
- トピック別リファレンスは索引です。タスクに合ったガイドまたはセクションを選び、必要な場合にのみ前提条件へのリンクをたどります。
- 記憶に頼るよりも、インストール済みパッケージの型と、バージョンに対応したソースのガイダンスを優先します。
- 例をフレームワークアダプター向けに変換する際も、ヘッドレス/コアの動作を維持します。
タスクの振り分け
- 基礎 — Start のアーキテクチャと実行モデル。
- サーバーランタイム — サーバー関数、サーバールート、サーバーランタイムの動作。
- ミドルウェアと認証 — リクエストミドルウェアとサーバー認証のプリミティブ。
- デプロイとレンダリング — デプロイとサーバーコンポーネントに関するガイダンス。
- React アダプター — React Start のセットアップと移行。
- Solid アダプター — Solid Start アダプターに関するガイダンス。
- Vue アダプター — Vue Start アダプターに関するガイダンス。
- Router の基礎 — Start で必要となる、同梱の Router の基礎、ナビゲーション、データ、認証、エラーに関するガイダンス。
- Router の SSR、ツール、アダプター — 同梱の Router の SSR、コード分割、ビルドツール、ルート生成、Solid、Vue に関するガイダンス。
フレームワークの振り分け
- React —
@tanstack/react-startを検出します。React アダプターを読みます。 - Solid —
@tanstack/solid-startを検出します。Solid アダプターを読みます。 - Vue —
@tanstack/vue-startを検出します。Vue アダプターを読みます。
製品の境界
タスクが製品の境界をまたぐ場合は、次の個別の製品スキルを使用してください:tanstack-router、tanstack-query。
正確な上流ソースと重複排除の記録については、ソースの来歴を参照してください。
コメント
Markdown 対応