ติดต่อเรา
บทความ
  • astro
  • portfolio
  • course

สร้าง Portfolio ด้วย Astro.js ฉบับนักเรียน นักศึกษา

ทีม Anndreamอ่านประมาณ 4 นาที

Portfolio คือหน้าร้านของตัวเองสำหรับนักเรียน นักศึกษา และ developer มือใหม่ แต่หลายคนเลือก framework หนักๆ แล้วได้เว็บที่ load ช้า โดยเฉพาะบนมือถือซึ่งเป็นอุปกรณ์หลักของคนรุ่นใหม่ นี่คือเหตุผลที่เราแนะนำ Astro

Astro ต่างจาก framework อื่นยังไง

Astro เป็น static site generator สมัยใหม่ที่ส่ง HTML ล้วนให้ browser โดย default — JavaScript ถูกโหลดเฉพาะจุดที่จำเป็นจริงๆ ผลลัพธ์คือเว็บที่ load ในเสี้ยววินาที แม้บนเน็ตช้า

  • เร็ว — static HTML, เกือบไม่มี JS overhead
  • ยืดหยุ่น — เขียน component ด้วย Astro, React, Vue หรือ Svelte ก็ได้
  • ง่าย — syntax คล้าย HTML, เริ่มต้นได้ในไม่กี่นาที
  • ฟรีและ open source — deploy ได้ทุกที่ที่รองรับ static site

Portfolio ที่ดีควรมีอะไร

อย่าใส่ทุกอย่างที่เคยทำ — เลือกเฉพาะสิ่งที่เล่าเรื่องของคุณได้:

  • Hero — ชื่อ, สิ่งที่ทำ, และสิ่งที่สนใจ ใน 2-3 บรรทัด
  • Projects — 3-5 ชิ้นที่ดีที่สุด พร้อมปัญหา/วิธีแก้/ผลลัพธ์
  • About — ตัวตน, ทักษะ, และสิ่งที่อยากทำต่อ
  • Contact — ช่องทางติดต่อที่ชัดเจน

เคล็ดลับ: เขียนโปรเจกต์แต่ละชิ้นแบบ problem → approach → resultไม่ใช่แค่ลิสต์เทคโนโลยี คนอ่านอยากรู้ว่าคุณแก้ปัญหาอะไร

ลองทำได้เลย

เรามีคอร์ส สร้าง Portfolio ด้วย Astro.jsสำหรับนักเรียน นักศึกษา สอนตั้งแต่ติดตั้งจน deploy ไม่มีพื้นฐาน programming มาก่อนก็เรียนได้