react apollo realworld example app

RealWorld 仕様と GraphQL API に準拠した実際のサンプル (CRUD、認証、高度なパターンなど) を含む React + Apollo コードベース。

デモ RealWorld

このコードベースは、CRUD 操作、認証、ルーティング、ページネーションなどを含む、React + Apollo で構築された本格的なフルスタック アプリケーションをデモンストレーションするために作成されました。

はじめる

https://realworld-react-apollo.herokuapp.com/ でライブデモをご覧いただけます。

フロントエンドをローカルで実行するには:

1. このリポジトリのクローンを作成します
2. npm installで必要な依存関係をインストールする
3. npm start開発サーバーを起動します

バックエンド API へのリクエストの実行

便宜上、アプリケーションがリクエストを行うためのライブ GraphQL API サーバーを https://realworld-graphql.herokuapp.com/graphql で実行しています。ここで、サーバーのスキーマを含む GraphQL API 仕様を表示できます。

バックエンド サーバーのソース コード (Ruby on Rails で利用可能) は、このリポジトリにあります。

API URL をローカルサーバーに変更したい場合は、 REACT_APP_GRAPHQL_URL環境変数を別の URL に設定するだけです。 REACT_APP_GRAPHQL_URL=http://localhost:3000/graphql yarn start