Next.js Creative Portfolio Website

Next.js Creative Portfolio Tutorial: สร้างเว็บไซต์พอร์ตโฟลิโอที่น่าตื่นตาตื่นใจด้วย next.js, three.js และ tailwind css

พื้นที่เก็บข้อมูลนี้มี รหัสสุดท้าย สำหรับเว็บไซต์ Next.js Creative Portfolio ที่สร้างขึ้นโดยใช้ Next.js และ Three.js

สำหรับการตรวจสอบการสำรวจลิงค์ต่อไปนี้:
การสาธิตเว็บไซต์ Portfolio Creative NextJS

ไฟล์รหัสเริ่มต้น:
➡ลิงค์: NextJS Creative Portfolio เว็บไซต์เริ่มต้นรหัส

หากคุณต้องการเรียนรู้วิธีการสร้างโปรดติดตามการสอนด้านล่าง:
➡ลิงค์การสอน: เว็บไซต์พอร์ตโฟลิโอส่วนตัวกับ Next.js, three.js & tailwind CSS การสอน

ชำระเงินเว็บไซต์ส่วนตัวของฉัน devdreaming

---

อย่าลืมแสดงการซื้อคืนนี้

---

รูปภาพของเว็บไซต์พอร์ตโฟลิโอ:

บ้าน

เกี่ยวกับ

โครงการ

ติดต่อ

เวอร์ชันมือถือ

ทรัพยากรที่ใช้ในโครงการนี้

รุ่น 3 มิติ

• "Tim McKee - Boy Wizard" โดย Elbertwithane ได้รับใบอนุญาตภายใต้การระบุแหล่งที่มาของ Creative Commons
• "หมวกวิซาร์ดเก๋" โดย Enkarra ได้รับใบอนุญาตภายใต้การระบุแหล่งที่มาของ Creative Commons
• "Wizard Staff" โดย Toymancer Studio ได้รับใบอนุญาตภายใต้การระบุแหล่งที่มาของ Creative Commons

ภาพ AI

• สร้างขึ้นด้วยความช่วยเหลือของสนามเด็กเล่น AI

สถิติและรายละเอียดของ GitHub

• สถิติ gitHub readme
• ไอคอนทักษะ
• สถิติริ้ว

ทรัพยากรการพัฒนา

• แบบอักษรจาก Google Fonts
  
• ไอคอนจากไอคอน Lucide
  
• การแจ้งเตือนจาก Sonner
  
• แบบฟอร์มที่สร้างขึ้นโดยใช้ React-Hook-Form
  
• ภาพเคลื่อนไหวโดยใช้ Framer-Motion
  
• อีเมลที่ใช้ emailjs
  
• แปลงรุ่น 3D เป็น JSX โดยใช้ GLTF JSX

เสียง

• เพลงโดย Shiden Beats Music จาก Pixabay

---

นี่คือ next.js project bootstrapped ด้วย create-next-app

เริ่มต้น

ขั้นแรกให้ติดตั้งการพึ่งพาและเรียกใช้เซิร์ฟเวอร์การพัฒนา:

npm run install # to install all dependencies

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์