หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>โค้ดแหล่งที่มา AI
ดาวน์โหลด

แผ่นหม้อต้มน้ำ

สร้างโดยไม่มีไตรมาส

หมายเหตุ: ตอนนี้เราขอแนะนำให้ใช้สแต็กที่อัปเดตของเรา


TypeScript + React + React Native + GraphQl + Prisma

มาพร้อมกับการรับรองความถูกต้องของผู้ใช้

  • ตอบโต้
  • ตอบสนองพื้นเมือง
  • งานแสดงสินค้า
  • TypeGraphql
  • ปริซึม
  • เว็บแอพและ API monorepo
  • next.js
  • ตัวพิมพ์ใหญ่
  • Postgres
  • ลูกค้า Apollo
  • เซิร์ฟเวอร์อพอลโล
  • ด่วน
  • ฟอร์มเบ็ดตอบสนอง
  • จักระ UI
  • ธีมที่ปรับแต่งได้และโหมดมืด
  • eslint
  • สวยกว่า
  • graphql code generator
  • SendGrid SMTP
  • ทหารยาม
  • แหบห้าว
  • ผ้าสำลี

และขนมอร่อยอื่น ๆ อีกมากมาย


รู้สึกสบายใจกับสแต็คนี้?

เรากำลังจ้าง! ติดต่อเราที่นี่


เริ่มต้นใช้งาน

คุณต้องมีโหนด, เส้นด้าย, postgres และ redis ติดตั้งและตั้งค่าในเครื่อง

  1. โคลน repo

  2. ลบโฟลเดอร์แอพหากคุณกำลังทำงานในโครงการเว็บล้วนๆ 

    rm -rf packages/app

  3. ติดตั้งการพึ่งพา 

    yarn install

  4. สร้างฐานข้อมูล Postgres ท้องถิ่น 

    createdb boilerplate

  5. สร้างไฟล์ .env และอัปเดต DATABASE_URL ด้วย URL ฐานข้อมูล Postgres ในเครื่องของคุณ 

    cp packages/api/.env.example  packages/api/.env
     # Replace <user>,<password> and <db-name> with your corresponding username, password, and database name of your postgresql database.
DATABASE_URL=postgresql:// < user > : < password > @localhost:5432/ < db-name >

  6. โยกย้ายฐานข้อมูล 

     cd packages/api && yarn db:migrate


เราใช้ Husky เพื่อเรียกใช้การตรวจสอบสองสามครั้ง (prettier, eslint & commitlint) ตรวจสอบให้แน่ใจว่าได้เพิ่มไฟล์ .huskyrc ลงในไดเรกทอรีบ้านของคุณ: 

touch ~ /.huskyrc

และคัดลอกสิ่งนี้ลงในไฟล์นี้ใน: 

 export PATH= " /usr/local/bin: $PATH "

จากนั้นเรียกใช้สิ่งนี้ในรากของโครงการ: 

npx husky install

เราใช้ AWS S3 สำหรับโฮสติ้งรูปภาพ/ไฟล์ดังนั้นคุณจะต้องตั้งค่าบางอย่างเพื่อให้สามารถใช้งานได้กระบวนการสามารถพบได้ที่นี่



การพัฒนา

  1. cd packages/api && yarn dev
  2. cd packages/web && yarn dev
  3. cd packages/app && yarn start

ตัวอย่างของการสร้างคุณลักษณะที่เรียบง่ายสามารถพบได้ที่นี่



การผลิต

ผู้ส่งจดหมาย

  • สร้างบัญชี sendgrid และตั้งค่าตัวแปรสภาพแวดล้อม sendgrid_api_key ใน. env
  • สร้างเทมเพลตสำหรับอีเมลแต่ละฉบับที่คุณต้องการส่งและใช้ templateID ในคลาส Mailer ที่เกี่ยวข้อง

การติดตามข้อผิดพลาด

  • สร้างบัญชี Sentry + Project สำหรับแต่ละแพ็คเกจและเพิ่ม DSN ลงในเว็บ config และตัวแปร API Env

การปรับใช้

ตัวอย่างถูกนำไปใช้ที่นี่

เรากำลังใช้ทางรถไฟสำหรับแพ็คเกจ API และ vercel สำหรับแพ็คเกจเว็บ

สำหรับรถไฟเรามีการตั้งค่าตัวอย่างการปรับใช้และให้ URL แบบไดนามิกที่เว็บสามารถใช้ได้ URL รวมถึงหมายเลข PR ดังนั้นบนเว็บเราจำเป็นต้องคว้าหมายเลขประชาสัมพันธ์จาก Git และเปลี่ยน API_URL แบบไดนามิกเมื่อสร้างแอปถัดไป JS Vercel ไม่รวมหมายเลข PR ในตัวแปร Env ดังนั้นเราจึงใช้แพ็คเกจเพื่อทำสิ่งนั้นให้เรา


ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด