เว็บไซต์ถ่ายภาพที่รวดเร็วตอบสนองและสวยงาม
เฮ้นี่คือเว็บไซต์ถ่ายภาพส่วนตัวของฉันที่ฉันใช้ในการโฆษณาบริการของฉัน! ฉันมีความสนุกสนานมากมายในการสร้างมัน!
สถาปัตยกรรม
- เว็บไซต์ถูกสร้างขึ้นโดยใช้เทมเพลต Astro, สคริปต์ typeScript และ tailwindcss
- แพ็คเกจง่าย ๆ เช่น lazysizes และ minimasonry ปรับปรุงการโหลดขี้เกียจและประสบการณ์แกลเลอรี่
- รูปภาพจะถูกจัดเก็บและเสิร์ฟโดยใช้ ImageKit CDN
- หน้าติดต่อส่งอีเมลธุรกรรมโดยใช้ brevo (ก่อนหน้านี้ sendinblue)
- ลิงค์การจองเชื่อมโยงกับ cal.com
- ไซต์ถูกปรับใช้บน vercel
คุณสมบัติ
สถาปัตยกรรมนี้ด้วย Astro, ImageKit และอีกมากมายทำให้มีคุณสมบัติที่ยอดเยี่ยม
- Astro View Transitions ทำให้การนำทางไซต์ SSR เป็นประสบการณ์ที่ราบรื่น
- การแปลงภาพ ImageKit ช่วยให้ฉันสามารถลากและส่งภาพขนาดเต็มลงใน ImageKit ซึ่งสามารถให้บริการได้ด้วยขนาดการจับคู่พิกเซลที่แน่นอนไปยังหน้าจอดูที่หน้าเว็บ
หมายเหตุ
- ImageKit มีการเขียนที่ยอดเยี่ยมที่นี่เกี่ยวกับภาพและเทคนิคที่ตอบสนองได้ดีที่สุดเกี่ยวกับวิธีการให้บริการที่ดีที่สุด นี่เป็นความช่วยเหลืออันยิ่งใหญ่สำหรับฉันเมื่อตั้งค่าการส่งภาพที่มีประสิทธิภาพ
- หากคุณต้องการคัดลอกการตั้งค่ารูปภาพของฉันจะถูกเก็บไว้ใน
/portfolio/[category] ภายใน ImageKit
