next adventure

اختار قصة مغامرة خاصة بك
بنيت مع Next.js و Xstate و Hasura و NetLify Forms + وظائف.

ما هذا؟

هذا مشروع يستخدم نماذج Next.js و Xstate و Hasura و NetLify.

الجانب "القصة" من التطبيق هو آلة الحالة التي تسحب شخصية عشوائية من قاعدة البيانات وتملأ بياناتها لعمل قصة نمط "اختر مغامرتك". الجانب الآخر من التطبيق هو تقديم الشخصية ، حيث يمكن للناس إرسال شخصياتهم إلى قاعدة بيانات القصة ، وقد يتم سحب طابعهم بشكل عشوائي من قاعدة البيانات!

خيارات التثبيت

الخيار الأول: النقر بنقرة واحدة نشر

(إذا قمت بالنقر فوق هذا الزر ، فسيقوم بإجراء هذا الريبو إلى حسابك ، ويقوم بتعيين هذا إعادة الشراء على الفور للنشر على NetLify)

الخيار الثاني: استنساخ يدوي

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 الخاصة بك!