เทมเพลตแอป Web3 ที่สร้างขึ้นโดยใช้ Next.js, Rainbowkit, Tailwind, ลงชื่อเข้าใช้กับ Ethereum และอีกมากมาย
เอกสาร
- เริ่มต้น
- ตัวแปรสภาพแวดล้อม
- JSON-RPC
- wagmi cli
- ส่วนประกอบ UI
- ฐานข้อมูลแบ็กเอนด์
- การบูรณาการหลัก
- - สายรุ้ง
- - ลงชื่อเข้าใช้กับ Ethereum
- การรวมสัญญาอัจฉริยะ
- การรวม API
เริ่มต้น
pnpm CLI เป็นตัวจัดการแพ็คเกจที่แนะนำ แต่ npm และ yarn ก็ควรทำงานด้วย
การพัฒนา
สร้าง
Web3 Core
- Wagmi CLI - การสร้างเบ็ดปฏิกิริยาอัตโนมัติ
- Rainbowkit - ผู้จัดการการเชื่อมต่อกระเป๋าเงิน
- ลงชื่อเข้าใช้กับ Ethereum - การตรวจสอบบัญชี
Frameworks Web2
- Vercel - โครงสร้างพื้นฐานแอพ
- Prisma - ฐานข้อมูล ORM
ประสบการณ์นักพัฒนา
- TypeScript-Checker ประเภทคง
- Prettier - Formatter รหัสความเห็นสำหรับรูปแบบรหัสที่สอดคล้องกัน
- ESLINT - LINTER ที่สามารถทำได้สำหรับ next.js และ typeScript
ส่วนต่อประสานผู้ใช้
- Tailwindcss-เฟรมเวิร์ก CSS ยูทิลิตี้แรกสำหรับการพัฒนา UI อย่างรวดเร็ว
- Radix - Primitives เช่น Modal, Popover ฯลฯ เพื่อสร้างประสบการณ์ผู้ใช้ที่เป็นตัวเอก
- Framer Motion - Library Motion สำหรับการตอบสนองต่อส่วนประกอบที่เคลื่อนไหวได้อย่างง่ายดาย
- ไอคอนตอบสนอง-ไอคอนที่สมบูรณ์แบบพิกเซลที่เรียบง่ายสวยงาม
ส่วนประกอบ ui.shadcn.com รวมอยู่ในโฟลเดอร์ /components/shared/ui
ประสบการณ์นักพัฒนา
- ฮัสกี้คืออะไร
ฮัสกี้ปรับปรุงการกระทำของคุณ
คุณสามารถใช้มันเพื่อผ้าสำลีของคุณส่งข้อความเรียกใช้การทดสอบรหัสผ้าสำลี ฯลฯ ... เมื่อคุณกระทำหรือผลักดัน ฮัสกี้สนับสนุนตะขอ Git ทั้งหมด
- ตะขอ
- Pre-COMMIT: LINT APP CODEBASE
- commit-msg: ใช้ commintlint
- iscimlint คืออะไร
commitlint ตรวจสอบว่าข้อความการกระทำของคุณเป็นไปตามรูปแบบการกระทำทั่วไปหรือไม่
โดยทั่วไปรูปแบบส่วนใหญ่มีลักษณะเช่นนี้:
type(scope ? ): subject # scope is optional; multiple scopes are supported (current delimiter options: "/", "" and ",")
ตัวอย่างโลกแห่งความเป็นจริงมีลักษณะเช่นนี้:
chore: run tests on travis ci
fix(server): send cors headers
feat(blog): add comment section
ประเภททั่วไปตาม commitlint-config-conventional (ขึ้นอยู่กับการประชุมเชิงมุม) สามารถ:
- สร้าง
- งานที่น่าเบื่อ
- CI
- เอกสาร
- ความสำเร็จ
- แก้ไข
- สมบูรณ์แบบ
- ผู้สร้างใหม่
- ย้อนกลับ
- สไตล์
- ทดสอบ
กิตติกรรมประกาศ
เทมเพลตดั้งเดิมถูกแยกจาก https://github.com/wslyvh/nexth
ขอบคุณ @wslyvh
ลิขสิทธิ์ 2023 Kames Geraghty