CMS、Markdown、APIのデータをGraphQL経由で取り込み、高速なWebサイトやアプリを構築できるReactベースのフレームワーク。
redwoodjs/graphql
RedwoodJSのGraphQLパッケージ。GraphQL YogaとEnvelopを基盤とする、RedwoodフルスタックReactフレームワークのオプションのGraphQL APIレイヤーです。
- スター
- 17,589
- フォーク
- 993
- 未解決の Issue
- 299
- 最終コミット
- 16 日前
これは何?
このリポジトリは、ReactのWebアプリケーションを構築するための、独自の設計思想を持つフルスタックJavaScript/TypeScriptフレームワーク、RedwoodJSのGraphQL部分です。Redwoodアプリでは、Reactフロントエンドと独自のGraphQL APIを組み合わせ、APIからPrismaを使ってデータベースにクエリを実行します。GraphQLレイヤーは任意で、フレームワークにはルーティング、Jestによるテスト、Pinoによるロギング、UIコンポーネント向けのStorybookも含まれます。
GraphQLレイヤーは、サーバーにGraphQL Yoga、プラグインにEnvelop、フロントエンドにApollo Clientを使用します。フレームワークはTypeScriptで書かれており、ルーターからデータベースまで同じ型が引き継がれます。Auth0などの認証プロバイダーやTailwind CSSなどのCSSフレームワークは、1つのコマンドで追加できます。
READMEでは、同じチームが手がける新しいプロジェクトRedwoodSDKについても説明しています。これはCloudflare上でフルスタックReactアプリを構築するためのViteプラグインです。また、まだリリースされていないBighorn開発期についても触れています。
主な機能
- 01GraphQL Yogaを使って提供する、Envelopプラグイン対応の独自GraphQL APIレイヤー
- 02APIからデータベースにクエリを実行するためのPrisma連携
- 03Jestによる組み込みテストと、StorybookによるUIコンポーネントカタログ
- 04単一のCLIコマンドによる認証およびCSSフレームワークのセットアップ
- 05ルーターからデータベースまで共有されるTypeScriptの型
ユースケース
- 独自のGraphQL APIをバックエンドとする、データ駆動型Reactアプリケーションの構築
- フルスタック環境を素早く用意したいプロトタイプやハッカソンのプロジェクト
- 最小限の変更でReactアプリをサーバーレス環境やコンテナホスティングにデプロイ
クイックスタート
- 1
新しい RedwoodSDK プロジェクトを作成する
npx create-rwsdk my-project-name - 2
プロジェクトフォルダーに移動する
cd my-project-name - 3
開発サーバーを起動する
npm run dev
使う前に知っておきたいこと
- このパッケージは Redwood フレームワークの GraphQL レイヤーであり、単独で実行するものではありません。README のクイックスタートでは、別のプロジェクトである RedwoodSDK をセットアップします。
- README によると、Bighorn エポックはまだリリースされていないため、説明されている機能は将来的なものです。
トピック
よくある質問
- graphql とは?
- RedwoodJSのGraphQLパッケージ。GraphQL YogaとEnvelopを基盤とする、RedwoodフルスタックReactフレームワークのオプションのGraphQL APIレイヤーです。 このリポジトリは、ReactのWebアプリケーションを構築するための、独自の設計思想を持つフルスタックJavaScript/TypeScriptフレームワーク、RedwoodJSのGraphQL部分です。Redwoodアプリでは、Reactフロントエンドと独自のGraphQL APIを組み合わせ、APIからPrismaを使ってデータベースにクエリを実行します。GraphQLレイヤーは任意で、フレームワークにはルーティング、Jestによるテスト、Pinoによるロギング、UIコンポーネント向けのStorybookも含まれます。
- graphql は無料で使えますか?ライセンスは?
- graphql は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- graphql は今もメンテナンスされていますか?
- 活発にメンテナンス中。graphql の最終コミットは 2026年10月5日 です。
- graphql は何に使えますか?
- 独自のGraphQL APIをバックエンドとする、データ駆動型Reactアプリケーションの構築 フルスタック環境を素早く用意したいプロトタイプやハッカソンのプロジェクト 最小限の変更でReactアプリをサーバーレス環境やコンテナホスティングにデプロイ
- graphql のインストール方法は?
- 新しい RedwoodSDK プロジェクトを作成する: npx create-rwsdk my-project-name プロジェクトフォルダーに移動する: cd my-project-name 開発サーバーを起動する: npm run dev
- graphql はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/redwoodjs/graphql
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
スキーマ定義やコード生成なしで、サーバーとクライアント間で型を共有できるTypeScript向けのエンドツーエンド型安全API。
React、Node.js、Prisma、Waspを基盤とする、認証・決済・メール機能付きの無料MITライセンスのフルスタックSaaSスターター。
オブジェクト、ビュー、ワークフロー、AIエージェントをコードで拡張できる、TypeScript・React・PostgreSQL製のオープンソースCRM。
Material UIを使い、RESTまたはGraphQL API上に管理ダッシュボードやバックオフィス向けSPAを構築するReactフレームワーク。
正規化キャッシュ、React Hooks、Vue・Angular・Svelte対応を備えたTypeScript・JavaScript向けGraphQLクライアント。