ที่นี่คุณสามารถนำเทมเพลตนี้ไปใช้ได้อย่างสบายใจ และ เว็บนี้ถูกพัฒนาโดยใช้ React.js (Vite) และสามารถปรับธีมเป็น Dark Mode หรือ Light Mode ตามความชอบของผู้ใช้.
- อย่างแรก fork และก็ clone ก่อน
git clone https://github.com/NekoSakuraLucia/Web-Portfolio-React.git
- เมื่อ clone เสร็จแล้วก็ติดตั้ง dependencies
cd web-portfolio
bun install
- เมื่อติดตั้งเสร็จแล้วให้รันเว็บ
bun run dev
- เมื่อต้องการ build เป็น production
bun run build
// เมื่อต้องการรันดูเว็บหลังจาก build
bun run preview
/src
│
├── /components
│ ├── /About
│ │ └── About.jsx # หน้าเกี่ยวกับ (About Page)
│ ├── /Home
│ │ └── Home.jsx # หน้าแรก (Home Page)
│ ├── /Projects
│ │ └── Projects.jsx # หน้าผลงาน (Projects Page)
│ ├── /Contact
│ │ └── Contact.jsx # หน้าติดต่อ (Contact Page)
│ ├── /Footer
│ │ └── Footer.jsx # เมนูส่วนท้าย (Footer)
│ ├── Navbar.jsx # เมนูนำทาง (Navbar)
│
├── /App.jsx # จุดเริ่มต้นของแอปพลิเคชัน (รวมทุกหน้า)
├── /main.jsx # จุดเริ่มต้นการ render แอป (ReactDOM.render)