React、Node.js、Prisma、Waspを基盤とする、認証・決済・メール機能付きの無料MITライセンスのフルスタックSaaSスターター。
wasp-lang/wasp
宣言的な仕様ファイルからWebアプリのコードを生成する、React、Node.js、Prisma向けのRailsライクなフルスタックフレームワーク。
- スター
- 18,779
- フォーク
- 1,478
- 未解決の Issue
- 841
- 最終コミット
- 2 時間前
これは何?
Wasp(Web Application Specification)は、React、Node.js、Prismaを使ってJavaScriptやTypeScriptのWebアプリを構築するためのフルスタックフレームワークです。開発者はmain.wasp.tsという仕様ファイルにアプリの大まかな構成を記述し、ReactとNode.jsのソースファイルを参照させ、Prismaのデータモデルは別途定義します。Waspのコンパイラは、指定したスタック向けにフロントエンド、バックエンド、デプロイ用のコードを生成します。
このフレームワークは、通常なら多くのつなぎ込みコードが必要になる機能を担います。フルスタック認証、クライアントとサーバー間のRPC、バックグラウンドジョブ、メール送信、エンドツーエンドの型安全性などが含まれます。仕様ファイルで宣言したクエリとアクションには、対象となるエンティティのキャッシュを自動で無効化する機能があります。アプリはCLIのコマンド1つでデプロイでき、生成されたコードは.wasp/ディレクトリで確認できます。
Waspは現在ベータ版で、ReactとTanStack Query、Node.jsとExpress.js、Prismaのスタックに重点を置いています。
主な機能
- 01すぐに使えるフルスタック認証
- 02クライアントとサーバー間の型安全なRPC
- 03バックグラウンドジョブとメール送信を標準搭載
- 04宣言したクエリに対するキャッシュの自動無効化
- 05特定のプロバイダーに縛られず、コマンド1つでデプロイ
ユースケース
- ログイン、ダッシュボード、データベースを備えたフルスタックのSaaSプロトタイプを数日で構築する
- 認証、ジョブ、メール送信に必要なつなぎ込みコードを書かずに、ReactとNode.jsのWebアプリを作る
- 構造化され、設計方針が明確なアプリ構成の中で、AIコーディングエージェントに作業させる
クイックスタート
- 1
npmでWasp CLIをインストールする
npm i -g @wasp.sh/wasp-cli@latest - 2
クイックスタートのドキュメントに従って、最初のアプリを作成して実行する
使う前に知っておきたいこと
- Waspはベータ版のため、破壊的変更が発生する可能性があります。
- 現時点では、React、Node.js(Express.js)、Prismaのスタックのみをサポートしています。
トピック
よくある質問
- wasp とは?
- 宣言的な仕様ファイルからWebアプリのコードを生成する、React、Node.js、Prisma向けのRailsライクなフルスタックフレームワーク。 Wasp(Web Application Specification)は、React、Node.js、Prismaを使ってJavaScriptやTypeScriptのWebアプリを構築するためのフルスタックフレームワークです。開発者はmain.wasp.tsという仕様ファイルにアプリの大まかな構成を記述し、ReactとNode.jsのソースファイルを参照させ、Prismaのデータモデルは別途定義します。Waspのコンパイラは、指定したスタック向けにフロントエンド、バックエンド、デプロイ用のコードを生成します。
- wasp は無料で使えますか?ライセンスは?
- wasp は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- wasp は今もメンテナンスされていますか?
- 活発にメンテナンス中。wasp の最終コミットは 2026年10月21日 です。
- wasp は何に使えますか?
- ログイン、ダッシュボード、データベースを備えたフルスタックのSaaSプロトタイプを数日で構築する 認証、ジョブ、メール送信に必要なつなぎ込みコードを書かずに、ReactとNode.jsのWebアプリを作る 構造化され、設計方針が明確なアプリ構成の中で、AIコーディングエージェントに作業させる
- wasp のインストール方法は?
- npmでWasp CLIをインストールする: npm i -g @wasp.sh/wasp-cli@latest クイックスタートのドキュメントに従って、最初のアプリを作成して実行する
- wasp はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/wasp-lang/wasp
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
TypeScriptまたはJavaScriptで、効率的かつスケーラブルなサーバーサイドアプリケーションを構築するための、進化型Node.jsフレームワークです。
RedwoodJSのGraphQLパッケージ。GraphQL YogaとEnvelopを基盤とする、RedwoodフルスタックReactフレームワークのオプションのGraphQL APIレイヤーです。
ProseMirrorをベースにした、拡張機能が豊富なヘッドレスかつフレームワーク非依存のリッチテキストエディター。
フローチャート、グラフ、ワークフローエディターなど、ノードベースのインタラクティブなUIを構築するためのオープンソースReact・Svelteライブラリ。
ReactまたはVueを使い、WeChat/Alipayなどのミニプログラム、H5、React Nativeで動作するアプリを構築できる、オープンなマルチプラットフォーム・マルチフレームワークソリューションです。