Jamstack: ข้อดี ข้อเสีย ประวัติและอื่นๆ

Jamstack เป็นวิธีที่ทันสมัยในการสร้างเว็บไซต์และแอป เนื่องจากมอบประสิทธิภาพโดยรวมที่ดีกว่าเว็บไซต์แบบเดิม นอกจากนี้ยังมีข้อดีและประหยัดต้นทุนอื่นๆ อีกด้วย

เป้าหมายคือการโหลดเว็บไซต์ HTM แบบคงที่ก่อน จากนั้นจึงค่อยปรับปรุงเว็บไซต์และประสบการณ์ของผู้ใช้ทีละน้อย ซึ่งจะทำให้หน้าเว็บโหลดได้รวดเร็วมาก และสามารถโหลดรูปภาพและเนื้อหาแบบไดนามิกอื่นๆ ได้ตามต้องการ

Jamstack เป็นแนวทางปฏิบัติสำหรับการพัฒนาเว็บไซต์ที่ให้ข้อดีทั้งต่อเจ้าของเว็บไซต์และผู้เยี่ยมชม แม้ว่าจะเป็นการพัฒนาที่น่าทึ่ง แต่ก็ยังไม่สมบูรณ์แบบสำหรับเว็บไซต์ทุกประเภท

โพสต์นี้จะกล่าวถึงประวัติและคุณลักษณะต่างๆ ของการปฏิวัติ Jamstack เพื่อค้นหาว่ามันสามารถทำอะไรให้คุณและธุรกิจของคุณได้บ้าง

ประวัติย่อๆ ของ Jamstack

เว็บเซิร์ฟเวอร์ให้บริการหน้าเว็บแบบคงที่ตั้งแต่ช่วงปี 1980 จนกระทั่งสคริปต์ฝั่งเซิร์ฟเวอร์ได้รับความนิยม และเว็บไซต์แบบไดนามิกกลายมาเป็นมาตรฐานการพัฒนาเว็บโดยพฤตินัยในช่วงต้นปี 2000

อย่างไรก็ตาม เมื่ออินเทอร์เน็ตเติบโตขึ้น การเพิ่มประสิทธิภาพจึงมีความจำเป็นเพื่อประหยัดต้นทุนและเข้าถึงผู้เยี่ยมชมได้มากขึ้น ซึ่งส่งผลให้มีการใช้แคชเว็บไซต์ เครือข่ายการจัดส่งเนื้อหา และการเพิ่มประสิทธิภาพสื่อ

นอกเหนือจากทั้งหมดนี้ คอมพิวเตอร์ส่วนบุคคลก็มีประสิทธิภาพมากขึ้นเรื่อยๆ และภาระงานจำนวนมากก็ถูกถ่ายโอนไปยังส่วนหน้า (front-end) เพื่อการประมวลผลด้วย JavaScript มากขึ้นเรื่อยๆ สิ่งนี้จึงนำไปสู่การพัฒนาเทคโนโลยีใหม่ๆ มากมาย เช่นjQueryและต่อมาก็คือ Angular, React JS, Vue และไลบรารี JavaScript อื่นๆ

3 เสาหลักของ Jamstack

Jamstack พัฒนาขึ้นมาได้จากเทคโนโลยีสามอย่างที่แตกต่างกันแต่ส่งเสริมซึ่งกันและกัน โดยหากขาดเทคโนโลยีเหล่านี้ไป Jamstack ก็จะไม่สามารถเกิดขึ้นได้ เทคโนโลยีเหล่านั้นได้แก่ JavaScript, Markup และ API ซึ่งเป็นที่มาของอักษรย่อ 3 ตัวใน Jamstack คือJสำหรับ JavaScript, Aสำหรับ API และMสำหรับ Markup

ต่อไปนี้คือรายละเอียดเพิ่มเติมเกี่ยวกับเทคโนโลยีแต่ละประเภทและสิ่งที่นำมาสู่ระบบนิเวศของ Jamstack

• JavaScript JavaScript เป็นภาษาสคริปต์ที่ตีความจากฝั่งไคลเอนต์ แม้ว่าเฟรมเวิร์กอย่าง Node.js จะทำให้เอ็นจิ้นนี้พร้อมใช้งานสำหรับสคริปต์ฝั่งเซิร์ฟเวอร์ด้วยเช่นกัน เนื่องจากเป็นฝั่งไคลเอนต์ หมายความว่าโค้ด JavaScript ใดๆ ที่คุณเขียนสำหรับเว็บไซต์จะถูกเรียกใช้งานหลังจากที่หน้าเพจโหลดบนเบราว์เซอร์ของผู้เยี่ยมชมเว็บแล้ว
  
  การเป็นภาษาที่ตีความได้หมายความว่าโค้ดนั้นถูกจัดเตรียมไว้ "ตามที่เป็น" บนหน้าเว็บ และไม่ได้ถูกคอมไพล์ไว้ล่วงหน้าเหมือนกับภาษาเช่น C และ C++ เบราว์เซอร์ยอดนิยมทั้งหมดรองรับภาษา JavaScript แม้ว่าจะมีความแตกต่างในการตีความในอดีต นี่คือสถานการณ์ที่นำไปสู่การพัฒนาเฟรมเวิร์กเช่น jQuery เพื่อดูแลปัญหาทั้งหมดเหล่านี้
  
  ปัจจุบันเฟรมเวิร์กสมัยใหม่จำนวนมากทำให้การทำสิ่งที่น่าทึ่งด้วย JavaScript ง่ายขึ้น และใช้เวลาและความยุ่งยากน้อยลงกว่าเดิม เฟรมเวิร์กบางตัว เช่น Next.js และ Vue มีคุณสมบัติที่ช่วยให้การพัฒนา UI ด้วย JavaScript เป็นเรื่องง่ายดาย และสิ่งนี้มีส่วนสนับสนุนอย่างมากต่อการปฏิวัติ Jamstack
  
• APIs – API หรือ Application Programming Interface คือส่วนใหม่ล่าสุดจาก 3 เสาหลักของระบบนิเวศ Jamstack ซึ่งเป็นการพัฒนาด้านเทคโนโลยีที่เติบโตมาจากอินเทอร์เน็ต โดยมุ่งหวังที่จะทำให้ชีวิตของโปรแกรมเมอร์ง่ายขึ้น
  
  API ช่วยให้คุณค้นหาและรับข้อมูลจากแหล่งข้อมูลบนเว็บต่างๆ ได้โดยใช้ที่อยู่เว็บหรือ URL ของแหล่งข้อมูลนั้นและปฏิบัติตามโปรโตคอลที่ระบุไว้ API เริ่มต้นจากเป็นวิธีการโต้ตอบกับเว็บไซต์โดยไม่ต้องใช้เบราว์เซอร์แบบดั้งเดิม แต่ปัจจุบันได้มีการพัฒนามาอย่างต่อเนื่อง
  
  ในปัจจุบัน API เสนอบริการต่างๆ มากมาย รวมถึงการจัดการข้อมูล เช่น บริการ Firebase บริการสภาพอากาศ บริการทางการเงิน การจอง ข้อมูลอาชญากรรม ข้อมูลเที่ยวบิน บริการแปลงข้อความเป็นเสียง การแปลงอัตราแลกเปลี่ยน และอื่นๆ อีกมากมาย
  
  การพัฒนา API นี้ทำให้การแทนที่เว็บไซต์ที่พึ่งพาฐานข้อมูลแบบเดิมด้วยระบบที่แยกจากกันซึ่งสามารถรับข้อมูลจากแหล่ง API เป็นเรื่องง่าย ไซต์ Jamstack สามารถโหลดข้อมูล API ในระหว่างการดำเนินการคอมไพล์ไฟล์คงที่ หรือสามารถโหลดไซต์ HTML ธรรมดาและใช้ JavaScript เพื่อโหลดทรัพยากรใดๆ ที่ต้องการเมื่อจำเป็น
  
  นอกจากนี้ ยังควรสังเกตว่า API จะต้องไม่เป็นแบบสาธารณะหรือภายนอก คุณสามารถใช้บริการใดๆ ก็ได้ตามต้องการ หรือสร้างบริการของคุณเองที่เฉพาะกับไซต์ของคุณ ฟังก์ชันไร้เซิร์ฟเวอร์ยังได้รับความนิยมในฐานะแหล่ง API สำหรับไซต์ Jamstack และด้วยเหตุผลที่ดี ซึ่งคุณจะเห็นได้ด้านล่าง
  
• มาร์กอัป ภาษาการมาร์กอัปคือข้อตกลงคอมพิวเตอร์ที่ใช้แท็กเพื่อกำหนดองค์ประกอบในเอกสาร ภาษาการมาร์กอัปที่นิยมใช้มากที่สุดคือ HyperText Markup Language หรือ HTML ซึ่งใช้รันเว็บส่วนใหญ่
  
  เป้าหมายของมาร์กอัปใน Jamstack คือการกำหนดเค้าโครงของเว็บเพจหรือแอป ซึ่งหมายถึงการวางรายการในตำแหน่งที่ถูกต้อง เช่น กล่อง พื้นที่ข้อความ รูปภาพ ส่วนหัว และอื่นๆ เพจที่ไม่มีสคริปต์เรียกว่าไซต์แบบคงที่
  
  อย่างไรก็ตาม คุณสามารถเขียนโค้ดเว็บไซต์ Jamstack โดยตรงด้วย HTML หรือใช้ภาษาและแพลตฟอร์มอื่น เช่น เครื่องสร้างไซต์แบบคงที่ เครื่องสร้างไซต์แบบคงที่เหล่านี้ส่วนใหญ่รองรับภาษา HTML และภาษามาร์กดาวน์

ไซต์แบบคงที่และแบบไดนามิก

ความเร็วในการโหลดเว็บไซต์มีความสำคัญต่อประสบการณ์การใช้งานที่ดี และด้วยเหตุนี้จึงกลายเป็นส่วนหนึ่งของCore Web Vitals ของ Googleซึ่งเป็นปัจจัยในการจัดอันดับผลการค้นหา แนวทางของ Jamstack คือการโหลดเว็บไซต์แบบคงที่ให้เร็วที่สุดเท่าที่จะเป็นไปได้ จากนั้นจึงเพิ่มส่วนเสริมตามความจำเป็น โดยมักใช้ JavaScript และ API

การโฮสต์เว็บไซต์แบบคงที่หมายความว่าเซิร์ฟเวอร์ของคุณทำงานน้อยลง และการประหยัดนั้นมีมากจนบริการอย่างNetlify เสนอการโฮสต์เว็บไซต์แบบคงที่ฟรีนอกจากนี้ เว็บไซต์แบบคงที่ยังสร้างและใช้งานได้ง่ายกว่าเว็บไซต์แบบไดนามิกอีกด้วย

อย่างไรก็ตาม เว็บไซต์ไดนามิกยังมีข้อดีบางประการ เช่น การแก้ไขที่ง่าย ฟังก์ชันที่มากขึ้น และคุณสมบัติต่างๆ เช่น โปรไฟล์และบัญชีของผู้ใช้ ซึ่งทำให้เว็บไซต์ไดนามิกมักจะดีกว่าสำหรับโปรเจ็กต์ที่ซับซ้อนมากขึ้น อย่างน้อยก็ในตอนนี้

ประโยชน์ของไซต์ Jamstack

เว็บไซต์ Jamstack มีข้อดีหลายประการเมื่อเทียบกับเว็บไซต์แบบดั้งเดิม และข้อดีเหล่านี้ทำให้เว็บไซต์ได้รับความนิยมเพิ่มขึ้น ประการที่สอง ข้อดีเหล่านี้ส่วนใหญ่สอดคล้องกับแนวทางการพัฒนาเว็บสมัยใหม่ ซึ่งทำให้ Jamstack เป็นวิธีที่ทันสมัยในการพัฒนาเว็บไซต์และแอป

นี่คือประโยชน์บางประการที่คุณสามารถคาดหวังได้จากการใช้หลักการ Jamstack:

• ความเร็วในการโหลดที่รวดเร็ว – หน้าเว็บแบบคงที่โหลดได้เร็วกว่าเว็บไซต์แบบไดนามิก เนื่องจากเซิร์ฟเวอร์มีหน้าที่เพียงให้บริการไฟล์แบบคงที่เท่านั้น ในทางกลับกัน เว็บไซต์แบบไดนามิกจะต้องวิเคราะห์สคริปต์ฝั่งเซิร์ฟเวอร์ก่อน จากนั้นจึงดำเนินการ เรียกใช้ฐานข้อมูลเพื่อขอข้อมูล และตรวจสอบตัวแปรสภาพแวดล้อมอื่นๆ ก่อนที่จะส่งไฟล์ HTML สุดท้ายไปยังไคลเอนต์
  
• การใช้ทรัพยากรต่ำ – คุณสามารถสร้างหน้าคงที่ได้เพียงครั้งเดียวแล้วจึงแสดงต่อในภายหลัง หรือจะสร้างหน้าใหม่ทุกวัน ทุกชั่วโมง หรือทุกนาทีก็ได้ ขึ้นอยู่กับความต้องการของคุณ คุณจะใช้ทรัพยากรน้อยกว่าไซต์แบบไดนามิก และนั่นหมายถึงต้นทุนที่ลดลงด้วย
  
• ความปลอดภัยที่ดีขึ้น สถาปัตยกรรม Jamstack มอบพื้นผิวการโจมตีที่เล็กกว่าสำหรับผู้ไม่ประสงค์ดีเมื่อเทียบกับเว็บไซต์แบบไดนามิก ซึ่งจะดีกว่ามากหากมีการเรียกใช้ API ทั้งหมดในระหว่างการคอมไพล์ ดังนั้นผู้เยี่ยมชมเว็บจึงไม่ทราบว่ามีการใช้บริการเว็บและโปรโตคอลใดบ้างที่ใช้งานอยู่
  
• ความยืดหยุ่นง่าย เว็บไซต์แบบคงที่ปรับขนาดได้ง่ายกว่าเนื่องจากใช้ทรัพยากรน้อยกว่าเว็บไซต์แบบไดนามิก นอกจากนี้ การจัดเก็บข้อมูลและปัญหาการจัดการทรัพยากรอื่นๆ ก็มีน้อยมากหรือแทบไม่มีเลย
  
• บำรุงรักษาง่าย – ไม่มีโครงสร้างพื้นฐานที่ต้องดูแลรักษา ไม่มีกิจวัตรการดูแลระบบฐานข้อมูล ไม่มีแพตช์ความปลอดภัย และอื่นๆ

• ความยืดหยุ่น – คุณสามารถเพิ่มและลบทรัพยากรได้อย่างง่ายดาย คุณไม่จำเป็นต้องพึ่งพาฐานข้อมูลหรือภาษาสคริปต์เฉพาะใดๆ ยกเว้น JavaScript และ HTML เปลี่ยนบรรทัดหนึ่งแล้วคุณจะเชื่อมต่อกับ API อื่นได้

ข้อเสียของเว็บไซต์ Jamstack

ไซต์ Jamstack ก็มีปัญหาเช่นกัน และต่อไปนี้เป็นปัญหาที่เห็นได้ชัดที่สุด

• ยังไม่ถือว่าเป็นเทคโนโลยีที่สมบูรณ์
• คุณอาจประสบปัญหาได้หากคุณต้องการฟีเจอร์ไดนามิก
• การพึ่งพา API อาจก่อให้เกิดปัญหาได้ แม้ว่าจะพบได้น้อยก็ตาม

ฟังก์ชั่น Jamstack และไร้เซิร์ฟเวอร์

แม้ว่าไซต์ Jamstack จะใช้หน้าเว็บแบบคงที่ แต่ก็ไม่ได้คงที่อย่างสมบูรณ์ เนื่องจากคุณสามารถใช้ API และฟังก์ชันไร้เซิร์ฟเวอร์เพื่อเพิ่มข้อมูลแบบไดนามิกลงในไซต์ได้

บริการต่างๆ เช่น ฟังก์ชันไร้เซิร์ฟเวอร์บนคลาวด์ของ Google, ฟังก์ชัน Netlify และบริการฐานข้อมูล Firebase ทำให้การเพิ่มข้อมูลไดนามิกลงในไซต์ Jamstack ใดๆ ก็ตามเป็นเรื่องง่ายดาย

ที่เก็บ GitHub และการควบคุมเวอร์ชัน

คุณสามารถโฮสต์หน้าคงที่ของคุณได้โดยตรงบนโฮสต์ Jamstack เช่น Netlify หรือคุณสามารถโฮสต์ไฟล์การพัฒนาของคุณบนที่เก็บข้อมูลเช่น GitHub และให้โฮสต์เช่น Netlify เข้าถึงไฟล์เหล่านั้นและสร้างหน้าคงที่เมื่อใดก็ตามที่คุณต้องการ

นอกจากจะให้พื้นที่แก่คุณในการโฮสต์โค้ดของคุณแล้ว คลังซอฟต์แวร์ยังทำให้การจัดการซอฟต์แวร์เวอร์ชันต่างๆ ของคุณง่ายขึ้นอีกด้วย ดังนั้น คุณสามารถย้อนกลับไปยังเวอร์ชันเสถียรก่อนหน้าได้อย่างง่ายดาย หากคุณพบปัญหาในเวอร์ชันปัจจุบัน

GitHub ทำให้ทั้งหมดนี้เป็นเรื่องง่ายสำหรับคุณ นอกจากนี้ คุณยังสามารถให้สิทธิ์การเข้าถึงที่ชัดเจนแก่โฮสต์ Jamstack ที่คุณเลือก เช่น Netlify เพื่อเข้าถึงและคอมไพล์ข้อมูลใหม่ของคุณทุกครั้งที่คุณทำการอัปเดต

เครื่องกำเนิดไซต์แบบคงที่

เครื่องมือสร้างเว็บไซต์แบบคงที่หรือ SSG เป็นเครื่องมือที่ยอดเยี่ยมที่ช่วยให้ผู้ที่ไม่เชี่ยวชาญด้านเทคโนโลยีสามารถเปลี่ยนเว็บไซต์แบบไดนามิกให้เป็นเว็บไซต์ Jamstack ที่ทันสมัยได้

SSG บางอัน เช่น Eleventy หรือ 11ty ออกแบบมาสำหรับผู้ใช้ที่เน้นความเรียบง่าย ในขณะที่บางอัน เช่น Gatsby มาพร้อมฟีเจอร์ต่างๆ มากมายที่คุณต้องการ SSG เหล่านี้สามารถนำเสนอคุณสมบัติต่างๆ เช่น การจัดการรูปภาพ เค้าโครงไซต์ที่เป็นมิตรกับมือถือ เครื่องสร้างเมนู การแบ่งหน้าอัตโนมัติ และอื่นๆ อีกมากมาย

เครื่องสร้างเว็บไซต์ Jamstack ยอดนิยมได้แก่:

1. เน็กซ์.เจส
2. Gatsby
3. 11ty
4. นุกซ์
5. สกัลลี
6. ฮิวโก้
7. Jekyll
8. น่าสยดสยอง
9. วูเพรส

เฟรมเวิร์ก JavaScript ที่เน้น UI

วิวัฒนาการของเฟรมเวิร์ก JavaScript ที่เน้น UI มีผลอย่างมากต่อวิวัฒนาการของ Jamstack แน่นอนว่าคุณสามารถใช้ JavaScript ดั้งเดิมบนไซต์คงที่ของคุณได้เสมอ แต่การใช้เฟรมเวิร์กจะทำให้ทุกอย่างดีขึ้นและง่ายขึ้น

เฟรมเวิร์ก JavaScript ที่เน้น UI ที่ได้รับความนิยมมากที่สุดได้แก่:

1. เกิดปฏิกิริยา
2. เชิงมุม
3. ดู
4. ฉลาด

โฮสติ้ง Netlify และ Jamstack

เว็บไซต์ Jamstack ทุกเว็บไซต์จำเป็นต้องมีบริการโฮสติ้ง และบริการอย่างNetlifyก็ให้บริการฟรี Netlify มีส่วนร่วมกับขบวนการ Jamstack มาเป็นเวลานานและนำเสนอโมเดลราคาแบบฟรีเมียม

แต่แตกต่างจากสถานการณ์การโฮสติ้งแบบดั้งเดิม บริการโฮสติ้งฟรีของ Jamstack มอบความคุ้มค่าและประสิทธิภาพที่ยอดเยี่ยม ตัวอย่างเช่น แผนฟรีของ Netlify ประกอบด้วยเว็บไซต์ไม่จำกัดจำนวน แดชบอร์ดที่ครบครัน ระบบจัดการเนื้อหา (CMS) ฟังก์ชันไร้เซิร์ฟเวอร์และการบันทึกข้อมูลจากแบบฟอร์มที่ส่งเข้ามาโดยอัตโนมัติ

บริการโฮสติ้ง Jamstack ฟรีอื่น ๆ ได้แก่:

1. เวอร์เซล
2. มหาสมุทรดิจิตอล
3. แอปเว็บแบบคงที่ของ Azure

ระบบจัดการเนื้อหาแบบไม่มีส่วนหัว

แนวคิดระบบจัดการเนื้อหาแบบไม่มีส่วนหัวหรือ CMS อาจสร้างความสับสนให้กับผู้ที่เพิ่งเริ่มใช้ระบบนิเวศของ Jamstack แต่การไม่มีส่วนหัวนั้นหมายถึงซอฟต์แวร์ไม่ได้เชื่อมต่อกับแพลตฟอร์มใดๆ

ตัวอย่างเช่น แพลตฟอร์มเช่น WordPress และ Drupal มาพร้อมกับระบบจัดการเนื้อหาที่แยกจากแพลตฟอร์มไม่ได้ นั่นคือ คุณสามารถใช้ตัวแก้ไขของแพลตฟอร์มเพื่อเผยแพร่บนแพลตฟอร์มที่เป็นส่วนหนึ่งของระบบเท่านั้น

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

ซอฟต์แวร์ CMS แบบ headless ที่ได้รับความนิยมมากที่สุดซึ่งใช้โดยผู้ดูแลไซต์ Jamstack ได้แก่:

1. สตราปิ
2. เน็ตฟลิฟาย ซีเอ็มเอส
3. ผี
4. ไฮกราฟ (เดิมชื่อ GraphCMS)
5. มีสาระ
6. การป่าไม้

วิธีการสร้างเว็บไซต์ Jamstack

การสร้างไซต์ Jamstack ด้วยตัวเองนั้นง่ายมาก ทำได้ดังนี้:

• ขั้นตอนที่ 1 – ออกแบบเค้าโครงเว็บไซต์ของคุณโดยใช้ HTML และ CSS
• ขั้นตอนที่ 2 – เพิ่มฟังก์ชั่นพิเศษเพิ่มเติมโดยใช้ JavaScript
• ขั้นตอนที่ 3 – เพิ่มฟังก์ชั่นและการร้องขอ API
• ขั้นตอนที่ 4 – อัปโหลดไฟล์ของคุณไปยังเซิร์ฟเวอร์ HTML ของคุณ

แต่ขั้นตอนข้างต้นอาจน่าตื่นเต้นสำหรับเฉพาะคนเก่งๆ เท่านั้น นักพัฒนาแต่ละคนจึงคิดค้นเครื่องมือต่างๆ ขึ้นมาเพื่อช่วยให้ผู้ที่ไม่ได้เป็นโค้ดเดอร์สามารถลงมือทำได้โดยไม่ต้องเป็นโค้ดเดอร์ระดับปรมาจารย์

นี่คือวิธีอื่นที่ง่ายกว่า:

1. เครื่องกำเนิดไซต์แบบคงที่ – เป็นเครื่องมือเช่น Gatsby ที่ทำให้การเปลี่ยนเว็บไซต์ไดนามิกที่มีอยู่แล้วให้กลายเป็นเว็บไซต์แบบคงที่ของ Jamstack เป็นเรื่องง่าย เครื่องมือเหล่านี้มีฟังก์ชันการทำงานที่แตกต่างกัน และบางเครื่องมือมีปลั๊กอินพิเศษสำหรับแพลตฟอร์มบางประเภท เช่น WordPress

2. เครื่องมือออกแบบ – แอปออกแบบ เช่น Stackbit และ Builder.io ที่ทำให้การออกแบบไซต์ Jamstack สมัยใหม่เป็นเรื่องง่ายโดยไม่ต้องรู้วิธีเขียนโค้ด เพียงแค่ออกแบบและนำไปใช้งาน

เมื่อใดจึงควรสร้างไซต์ Jamstack

แม้ว่าสถาปัตยกรรม Jamstack อาจไม่เหมาะสำหรับเว็บไซต์บางประเภท แต่คุณสามารถใช้สถาปัตยกรรมนี้ได้กับเว็บไซต์ประเภทต่อไปนี้:

• เว็บไซต์ส่วนตัว – เว็บไซต์พื้นฐานที่บอกให้โลกรู้ว่าคุณเป็นใคร
• เว็บไซต์ บริษัท – เว็บไซต์ขององค์กรที่รวมที่อยู่ สินค้า บริการ และอื่นๆ
• หน้า Landing – ออกแบบมาโดยเฉพาะเพื่อรวบรวมข้อมูลจากผู้เยี่ยมชมเว็บไซต์
• ร้านค้าอีคอมเมิร์ซ – เว็บไซต์ประเภทต่างๆที่ขายของออนไลน์
• Blogs – ไซต์เนื้อหาสำหรับการอัปเดตเป็นประจำ SSGs จะแปลงไซต์ WordPress ของคุณโดยอัตโนมัติ

สรุป

เราได้มาถึงจุดสิ้นสุดของโพสต์เกี่ยวกับ Jamstack และทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับเรื่องนี้แล้ว และตอนนี้คุณน่าจะรู้แล้วว่าอนาคตของเว็บนั้นเชื่อมโยงกับการเคลื่อนไหวของ Jamstack

หากคุณเพิ่งเริ่มพัฒนาเว็บ คุณควรรีบใช้ Jamstack ทันที และหากคุณเป็นนักพัฒนาเว็บรุ่นเก่าที่มีประสบการณ์ ให้ถามตัวเองว่าคุณอยากจะตกยุคหรือไม่