next adventure

เป็นคนขี้เกียจฝูงชนบ้าเลือกเรื่องราวการผจญภัยของคุณเอง
สร้างขึ้นด้วย next.js, xstate, hasura และ netlify forms + ฟังก์ชั่น

นี่คืออะไร?

นี่คือโครงการที่ใช้ Next.js, Xstate, Hasura และ Netlify Forms

ด้าน "เรื่องราว" ของแอพเป็นเครื่องรัฐที่ดึงอักขระสุ่มจากฐานข้อมูลและเติมข้อมูลของพวกเขาเพื่อสร้างเรื่องราวสไตล์ "เลือกการผจญภัยของคุณเอง" อีกด้านหนึ่งของแอพคือการส่งตัวละครซึ่งผู้คนสามารถส่งตัวละครของพวกเขาไปยังฐานข้อมูลเรื่องราวและตัวละครของพวกเขาอาจถูกดึงแบบสุ่มจากฐานข้อมูล!

ตัวเลือกการติดตั้ง

ตัวเลือกที่หนึ่ง: การปรับใช้ครั้งเดียว

(หากคุณคลิกปุ่มนี้มันจะโคลน repo นี้ไปยังบัญชีของคุณและตั้งค่า repo ขึ้นทันทีสำหรับการปรับใช้บน netlify)

ตัวเลือกที่สอง: โคลนแบบแมนนวล

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 ของคุณเอง!