next adventure

不気味でクラウドソーシングされた、マッドリブ、あなた自身の冒険物語を選んでください
next.js、xState、hasura、およびnetlify forms +関数で構築されています。

これは何ですか？

これは、next.js、xState、hasura、およびnetlifyフォームを使用するプロジェクトです。

アプリの「ストーリー」側は、データベースからランダムな文字を引き出し、データを入力して「独自のアドベンチャーを選択する」スタイルを作成する状態マシンです。アプリの反対側はキャラクターの提出物であり、人々はキャラクターをストーリーデータベースに送信でき、キャラクターはデータベースからランダムに引き出される可能性があります。

インストールオプション

オプション1：ワンクリック展開

（このボタンをクリックすると、このレポンをアカウントにクローンし、そのレポをすぐに設定して、Netlifyに展開するために設定します）

オプション2：手動クローン

1. このレポンをクローンする： git clone https://github.com/cassidoo/next-adventure.git
2. ディレクトリに移動してnpm installを実行してからnpm run dev
3. 変更を加えてください
4. Netlifyに手動で接続します（ netlify.tomlファイルは、エクスポートが完了し、正しいものを指していることを確認するために無傷のままにするために必要なファイルです）

アプリケーションの実行

まず、開発サーバーを実行します。

npm run dev
# or
yarn dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

そうでない場合はフォールバックがありますが、ストーリーに独自のキャラクターを設定したい場合は、独自のHasuraデータベースを設定する必要があります。