react saas template

ตอบสนองเทมเพลต SaaS

ส่วนที่เหลือของธุรกิจ SaaS ที่ฉันเคยพยายามสร้าง ตอนนี้เปลี่ยนเป็นเทมเพลตสำหรับสร้างแอปพลิเคชัน SaaS/ผู้ดูแลระบบโดยใช้ React + Material-UI

ตรวจสอบการสาธิต

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

ข้อกำหนดเบื้องต้น

Node.js 12+ (เวอร์ชันด้านล่างสามารถใช้งานได้ แต่ไม่ได้ทดสอบ)

• ลินุกซ์:

   sudo apt install nodejs npm
  

• Windows หรือ macOS:

  https://nodejs.org/en/

กำลังติดตั้ง

1. โคลนพื้นที่เก็บข้อมูล

    git clone https://github.com/dunky11/react-saas-template
   

2. ติดตั้งการอ้างอิง อาจใช้เวลาสักครู่

    cd react-saas-template
   npm install
   

3. เริ่มเซิร์ฟเวอร์ภายในเครื่อง

    npm start
   

เบราว์เซอร์ของคุณควรเปิดและแสดงแอป หรือเปิด http://localhost:3000/ ในเบราว์เซอร์ของคุณ การแก้ไขไฟล์จะรีเฟรชหน้าโดยอัตโนมัติ

จะทำอย่างไรต่อไป?

หากคุณยังใหม่ต่อ React คุณควรดูบทช่วยสอน React พื้นฐานก่อน

หากคุณรู้จัก React ข้อมูลส่วนใหญ่ที่คุณต้องการจะอยู่ในเอกสาร Material-UI

คุณสามารถไปที่ src/theme.js และเปลี่ยนรหัสสีหลักและรองที่ด้านบนของสคริปต์ให้เป็นค่าที่คุณต้องการ สิ่งมหัศจรรย์บางอย่างจะเกิดขึ้น

การปรับใช้

หากคุณพอใจกับสถานะของเว็บไซต์ของคุณ คุณสามารถเรียกใช้:

 npm run build 

มันจะสร้างโฟลเดอร์ชื่อ build โดยมีโปรเจ็กต์ที่คอมไพล์ของคุณอยู่ข้างใน หลังจากนั้นให้คัดลอกเนื้อหาลงใน webroot ของคุณแล้วคุณก็พร้อมที่จะไป

สร้างด้วย

• Create-React-App - ใช้เพื่อเริ่มต้นการพัฒนา
• Material-UI - ส่วนประกอบการออกแบบวัสดุ
• React-Router - การกำหนดเส้นทางของแอป
• Pace - แถบโหลดที่ด้านบน
• Emoji-Mart - เครื่องมือเลือกสำหรับอิโมจิ
• React-Dropzone - องค์ประกอบการวางไฟล์สำหรับการอัปโหลด
• Recharts - ไลบรารีการสร้างแผนภูมิที่ฉันใช้สำหรับสถิติ
• Aos - ภาพเคลื่อนไหวตามวิวพอร์ต
• React-Cropper - Cropper สำหรับการอัพโหลดรูปภาพ
• React-Stripe-js - องค์ประกอบการชำระเงินแบบ Stripes

มีส่วนช่วย

แสดงการสนับสนุนของคุณโดยโครงการ ยินดีต้อนรับคำขอดึงเสมอ

ใบอนุญาต

โครงการนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT - ดูรายละเอียดในไฟล์ LICENSE.md