รายละเอียด

เอกสารประกอบ

ใช่

ตอบสนอง

ใช่

ประเภทไฟล์

CSS, SASS, JS

ใบอนุญาตเชิงพาณิชย์ตลอดชีพ

ข้อมูลเพิ่มเติม

Prozen – เทมเพลตสำหรับให้คำปรึกษาทางธุรกิจด้วย React JS

Prozen – React JS Template คือเทมเพลตแอปพลิเคชันหน้าเดียว (SPA) ที่ทันสมัยและทรงพลัง สร้างขึ้นสำหรับเว็บไซต์ธุรกิจ การให้คำปรึกษา องค์กร และเอเจนซี่ ออกแบบด้วยเลย์เอาต์ที่สะอาดตาและเป็นมืออาชีพ ประกอบด้วยหน้าแรกหลายรูปแบบและหน้าภายในที่สำคัญ เช่น เกี่ยวกับเรา บริการ โครงการ บล็อก ทีม และติดต่อเรา

เทมเพลตนี้สร้างขึ้นโดยใช้ React 19, Vite 7, React Router v7 และ Bootstrap 5 จึงมั่นใจได้ถึงประสิทธิภาพที่รวดเร็ว การนำทางที่ราบรื่น และการปรับแต่งที่ง่ายดาย Prozen เป็นมิตรกับนักพัฒนาและมีโครงสร้างที่ประกอบด้วยส่วนประกอบที่นำกลับมาใช้ใหม่ได้ ฮุคแบบกำหนดเอง และหลักการเขียนโค้ดที่สะอาดตา

เทมเพลตนี้รองรับการแสดงผลทุกขนาดหน้าจอและได้รับการปรับแต่งให้เหมาะสมกับอุปกรณ์ทุกชนิด รวมถึงเดสก์ท็อป แท็บเล็ต และโทรศัพท์มือถือ ด้วยไลบรารีที่ทันสมัย ​​เช่น Swiper, AOS, Lenis และ React Hook Form คุณสามารถสร้างเว็บไซต์แบบโต้ตอบและไดนามิกได้อย่างง่ายดาย

ภาพรวมคุณสมบัติ

React 19.x เวอร์ชันล่าสุด:

สร้างด้วย React เวอร์ชันล่าสุด เพื่อประสิทธิภาพที่ดีขึ้นและมาตรฐานการพัฒนาที่ทันสมัย

เครื่องมือสร้าง Vite 7:

เซิร์ฟเวอร์สำหรับการพัฒนาที่เร็วสุด ๆ และการสร้างเวอร์ชันใช้งานจริงที่ได้รับการปรับแต่งมาเป็นอย่างดี

เฟรมเวิร์ก Bootstrap 5:

ระบบตารางและส่วนประกอบ UI ที่ตอบสนองต่อทุกขนาดหน้าจอและออกแบบมาเพื่อใช้งานบนมือถือเป็นหลัก

03 รูปแบบหน้าแรก:

ประกอบด้วยตัวเลือก Home, Home Two และ Home Three

หน้าภายใน 17+ หน้า:

ประกอบด้วยหน้าต่างๆ เช่น เกี่ยวกับเรา บริการ โครงการ ทีมงาน บล็อก คำถามที่พบบ่อย ติดต่อเรา ข้อผิดพลาด 404 และอื่นๆ

React Router เวอร์ชัน 7:

การกำหนดเส้นทางฝั่งไคลเอ็นต์เพื่อการนำทางที่ราบรื่นโดยไม่ต้องโหลดหน้าเว็บใหม่

การออกแบบที่ตอบสนองต่อทุกขนาดหน้าจออย่างสมบูรณ์:

ใช้งานได้อย่างสมบูรณ์แบบบนอุปกรณ์และขนาดหน้าจอสมัยใหม่ทุกรุ่น

ใช้งานง่ายด้วยระบบสัมผัส:

ปรับปรุงประสบการณ์การท่องเว็บให้ดียิ่งขึ้นบนอุปกรณ์มือถือและอุปกรณ์สัมผัส

รายการคุณสมบัติทั้งหมด

• React 19.x
• Vite 7 พร้อมปลั๊กอิน @vitejs/plugin-react
• React Router DOM เวอร์ชัน 7
• อิงตาม Bootstrap 5.x
• เลย์เอาต์ที่ตอบสนองต่อทุกขนาดหน้าจอ 100%
• ดีไซน์เรียบง่าย ทันสมัย ​​และสะอาดตา
• การเลื่อนแบบราบรื่นของ Lenis
• AOS (Animate On Scroll)
• การผสานรวม Swiper Slider
• แบบฟอร์มติดต่อ React Hook
• ส่วนหัวแบบติดอยู่กับที่พร้อมฮุคแบบกำหนดเอง
• เมนูมือถือ Offcanvas
• ปุ่มกลับสู่ด้านบน
• ไอคอน Font Awesome 7
• โครงสร้างที่ปรับให้เหมาะสมกับ SEO
• โค้ดสะอาดและมีคำอธิบายประกอบ
• ส่วนประกอบที่นำกลับมาใช้ใหม่ได้
• โครงสร้างโฟลเดอร์สมัยใหม่
• รหัสที่ถูกต้องตามมาตรฐาน W3C
• ใช้งานได้กับทุกเบราว์เซอร์
• เอกสารรายละเอียด

คุณจะได้รับอะไรบ้าง?

• ซอร์สโค้ด React ฉบับเต็ม (rc/ & public/)
• ไฟล์ package.json พร้อมรายการ dependency
• ไฟล์การกำหนดค่า Vite
• สินทรัพย์ CSS และ JS
• ไฟล์เอกสาร

ความต้องการ

• Node.js (แนะนำให้ใช้เวอร์ชัน LTS ล่าสุด)
• npm / yarn / pnpm

ขั้นตอนการติดตั้งและการประกอบ

• ติดตั้งส่วนประกอบที่จำเป็น: npm install
• เรียกใช้งานโหมดพัฒนา: `npm run dev`
• สร้างเวอร์ชันใช้งานจริง: `npm run build`
• ดูตัวอย่างการสร้าง: npm run preview
• Lint Project: npm run lint

เครดิต

• แบบอักษร: Google Fonts (Oswald, Plus Jakarta Sans, Space Grotesk)
• **ไอคอน:** Font Awesome 7 เวอร์ชันฟรี
• ไลบรารี: Swiper, AOS, Lenis, React Hook Form