next adventure

으스스하고 크라우드 소싱, 미친 리브는 자신만의 모험 이야기를 선택합니다
Next.js, Xstate, Hasura 및 Netlify Forms + 함수로 제작되었습니다.

이게 뭔가요?

이것은 Next.js, Xstate, Hasura 및 Netlify Forms를 사용하는 프로젝트입니다.

앱의 "스토리"측면은 데이터베이스에서 임의의 캐릭터를 끌어 내고 데이터를 채우고 "자신의 모험 선택"스타일 스토리를 만들기 위해 데이터를 채우는 상태 머신입니다. 앱의 다른 쪽은 문자 제출이며, 사람들은 캐릭터가 스토리 데이터베이스에 캐릭터를 보낼 수 있으며 데이터베이스에서 캐릭터를 무작위로 가져올 수 있습니다!

설치 옵션

옵션 1 : 원 클릭 배포

(이 버튼을 클릭하면이 repo를 계정으로 복제하고 NetLify에 배포를 위해 즉시 리포지드를 설정합니다).

옵션 2 : 수동 클론

1. 이 repo를 복제하십시오 : 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 데이터베이스를 설정해야합니다!