หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

Jamstack ที่ยอดเยี่ยม

รายการนี้ได้รับแรงบันดาลใจจากรายการที่ยอดเยี่ยมและรายการเขียนที่ยอดเยี่ยม

เคล็ดลับ

Jamstack เป็นสถาปัตยกรรมการพัฒนาเว็บที่ทันสมัยโดยใช้ JavaScript ฝั่งไคลเอ็นต์ API ที่นำกลับมาใช้ใหม่และมาร์กอัป prebuilt Jamstack ไม่ได้เกี่ยวกับเทคโนโลยีเฉพาะ มันเป็นวิธีใหม่ในการสร้างเว็บไซต์และแอพที่ให้ประสิทธิภาพที่ดีขึ้นความปลอดภัยที่สูงขึ้นต้นทุนที่ลดลงและประสบการณ์นักพัฒนาที่ดีขึ้น

สารบัญ

  • ทรัพยากรอย่างเป็นทางการ
  • ชุมชน
  • เครื่องมือที่มีประโยชน์
  • บทความ
  • เด็ควิทยากร
  • หนังสือ
  • วิดีโอ
  • ตัวอย่าง

ทรัพยากรอย่างเป็นทางการ

  • เว็บไซต์ทางการ
  • วิทยุ jamstack
  • jamstack boilerplates
  • บล็อก netlify
  • Jamstack คืออะไร?
  • ทำไมต้องเป็น Jamstack?
  • ฉันจะเริ่มต้นได้อย่างไร?
  • การปฏิบัติที่ดีที่สุดของ Jamstack
  • ทรัพยากร jamstack

ชุมชน

  • ชุมชน Jamstack
  • ชุมชน Discord Jamstack
  • Jamstack Conf
  • jamstack conf บน Twitter
  • jamstack_dev ที่ reddit
  • Jamstack ที่ LinkedIn
  • คนอื่น ๆ
  • YouTube

เครื่องมือที่มีประโยชน์

  • StaticGen - รายการเครื่องกำเนิดไซต์คงที่สำหรับไซต์ Jamstack
  • Headless CMS - รายการระบบการจัดการเนื้อหาสำหรับไซต์ Jamstack
  • Netlify - ทุกสิ่งที่คุณต้องการในการสร้างเว็บไซต์ที่รวดเร็วและทันสมัยตั้งแต่การพัฒนาท้องถิ่นไปจนถึงการปรับใช้ทั่วโลก
  • Statickit - Form Hosting สำหรับเว็บไซต์ Jamstack
  • Zeit - วิธีที่ง่ายที่สุดในการปรับใช้เว็บไซต์
  • Disqus - บล็อกความคิดเห็นบริการโฮสติ้งสำหรับเว็บไซต์ Jamstack ของคุณ
  • แบบฟอร์ม NetLify - จัดการแบบฟอร์มและการส่งโดยไม่มีรหัสฝั่งเซิร์ฟเวอร์หรือ JavaScript
  • STACKBIT - สร้างไซต์ Jamstack ที่เชื่อมต่อกับ CMS ซึ่งปรับใช้เพื่อ netlify ในไม่กี่นาที
  • jamstackthemes.dev - รายการธีมสำหรับไซต์ jamstack สำหรับเครื่องกำเนิดไซต์คงที่ยอดนิยมมากที่สุด
  • Jamstack CMS - Jamstack CMS ให้ความสามารถในการปรับใช้เว็บไซต์ Serverless แบบเต็มในเวลาเพียงไม่กี่นาที
  • การพาณิชย์เลเยอร์ - แพลตฟอร์มการค้าที่ไม่มีหัวและระบบการจัดการคำสั่งซื้อที่ให้คุณเพิ่มความสามารถในการช็อปปิ้งทั่วโลกในเว็บไซต์แอพมือถือ chatbot หรืออุปกรณ์ IoT ได้อย่างง่ายดาย
  • Plasmic - เครื่องมือออกแบบที่ทรงพลังสำหรับการสร้างส่วนประกอบ React และเว็บไซต์ Jamstack ของคุณ
  • Snipcart - ตะกร้าสินค้าคุณสามารถเพิ่มลงในเว็บไซต์โปรดของคุณ

บทความ

  • แนะนำ Jamstack: สถาปัตยกรรมเว็บสมัยใหม่
  • พื้นฐานของ Jamstack: อะไรอะไรและอย่างไร
  • jamstack คืออะไรและทำไมคุณควรลอง
  • เว็บไซต์คงที่ + jamstack = <3
  • วิธีสร้างเว็บไซต์ Jamstack
  • API ที่มีประโยชน์ที่จะรู้เมื่อสร้างแอพ Jamstack
  • Go Static: 5 เหตุผลที่จะลองใช้ Jamstack ในโครงการต่อไปของคุณ
  • jamstack สำหรับลูกค้า: เกี่ยวกับผลประโยชน์และไซต์คงที่ CMS
  • CMS พร้อม jamstack
  • การสร้างไซต์ react-static ที่ใช้พลังงานจาก Jamstack โดยใช้ GraphQL บน postgres
  • การแสดงผล isomorphic บน jamstack
  • การจัดการผลิตภัณฑ์แบบไดนามิกในเวิร์กโฟลว์อีคอมเมิร์ซแบบคงที่
  • ปลอดภัยและปรับขนาดได้: บทนำสู่ Jamstack
  • ใหม่กับ Jamstack? ทุกสิ่งที่คุณจำเป็นต้องรู้เพื่อเริ่มต้น
  • Zero to HTTP/2 ด้วย AWS และ Hugo
  • เริ่มต้นใช้งาน Hugo และปรับใช้เพื่อ netlify
  • Jamstack คืออะไร?
  • CMS พร้อม jamstack
  • พื้นฐานของ Jamstack: วิธีการสร้างผู้เริ่มต้น Gatsby ที่มีความพึงพอใจและปรับใช้เพื่อ netlify
  • คำสัญญาของ Jamstack
  • การแสดงผลด้านเซิร์ฟเวอร์ jamstack vs isomorphic
  • ใหม่กับ Jamstack? วิธีสร้างไซต์จาก A ถึง Z
  • จาก WordPress ถึง Jamstack: วิธีทำให้เว็บไซต์ของคุณเร็วขึ้น 10 เท่า
  • Jamstack: อะไร, ทำไมและอย่างไร
  • การใช้ jamstack: การสร้างเว็บไซต์คงที่ CMS ที่ได้รับการสนับสนุนด้วย Vue หรือ React
  • สร้างบล็อกส่วนบุคคล Jamstack ด้วยหัวเรื่อง Lessless 2.0 cms & Gatsby
  • วิธีสร้างเว็บไซต์ Jamstack โดยใช้ vue.js, nuxt.js และ Cosmic JS
  • การสาธิตผี: วิธีการไร้เดียงสากับผี CMS [บทช่วยสอน]
  • Next.js การสอนอีคอมเมิร์ซ: การรวมตะกร้าสินค้าด่วน
  • วิธีสร้างบล็อกโดยใช้ React Static และ Cosmic JS
  • วิธีการสร้างบล็อกแบบไม่มีเซิร์ฟเวอร์แบบคงที่ฟรี?
  • Jamstack vs Serverless Web Apps
  • jamstack? เหมือน Shamstack
  • โฮสติ้งไฟล์แบบคงที่ไม่จำเป็นต้องเป็นเช่นนั้น…คงที่
  • โซลูชั่นโฮสติ้งและการปรับใช้ Jamstack ที่ทันสมัย
  • คงที่ก่อน: ไซต์แยมที่สร้างไว้ล่วงหน้าพร้อมการเรนเดอร์แบบไม่มีเซิร์ฟเวอร์เป็นทางเลือก
  • เฮ้เรามาสร้างแอพปฏิทินที่ใช้งานได้ด้วย jamstack
  • jamstack คืออะไร
  • การสร้างบล็อก Jamstack: Gatsby และ Buttercms บน netlify
  • ทำความเข้าใจกับสถาปัตยกรรม Jamstack & Serverless
  • ระบบนิเวศ Jamstack

เด็ควิทยากร

  • Rise of the Jamstack
  • การควบคุมพลังของ Jamstack ด้วย CMS ที่ไม่มีหัว
  • แนะนำ Jamstack - สิ่งที่เราพูดถึงเมื่อเราพูดถึงเครื่องมือบนเว็บที่ทันสมัย
  • The Jamstack ในปี 2019: ทำไม (และวิธีการ) เพื่อเริ่มต้น
  • ทำลายแนวทางปฏิบัติที่ดีที่สุดสำหรับ Jamstack
  • แอพ Jamstack ของคุณเป็น jamstack จริงๆเหรอ?
  • React and the Jamstack - Reactathon Foundamentals 2018
  • ความหวานของ jamstack
  • jamstack cheatsheet
  • การพัฒนาด้วย WordPress ทาง Jamstack
  • Lightning Talk - Jamstack
  • การนำเสนออาหารกลางวันสแต็คใหม่
  • The Jamstack - Smashing Conf Freiburg 2017
  • Jamstack คืออะไร?

หนังสือ

  • การพัฒนาเว็บที่ทันสมัยบน Jamstack - เทคนิคใหม่สำหรับเว็บไซต์ที่รวดเร็วและแอปพลิเคชันเว็บโดย Mathias Biilmann และ Phil Hawksworth

วิดีโอ

  • ฟรีหลักสูตรวิดีโอการศึกษาเกี่ยวกับโครงการและเทคโนโลยี Jamstack ต่างๆ
  • Rise of the Jamstack - Mathias Biillman
  • การเพิ่มขึ้นของ Jamstack CMS - Matt Biilmann
  • กองหน้าใหม่ JavaScript, APIs และ Markup - Mathias Biillman
  • frontend สำหรับสแต็คที่ไม่มีเซิร์ฟเวอร์ - Brian Douglas
  • สถานะของประเทศ Jamstack - Sarah Drasner
  • การแสดงผล isomorphic ง่าย ๆ บน Jamstack - Phil Hawksworth
  • แอนิเมชั่นเว็บนักแสดง - Emily Hayman
  • ทำไมประเภทคงที่ใน JavaScript? - preethi kasireddy
  • ภูมิทัศน์เว็บที่ทันสมัย ​​- Matt Biilmann, Frances Berriman และ Wilson Miner
  • คุณต้องการ API: ตอนนี้คืออะไร? - Erin McKean
  • การใช้ ELM เพื่อสร้างต้นแบบและสร้างเว็บแอปพลิเคชัน - David Calavera
  • graphql: โมเดลจิต - Dhaivat Pandya
  • JWT FTW WTF? - Matt Biilmann
  • Jammin 'กับ Markdown - David Wells
  • Jamstack สำหรับลูกค้า - Brian Douglas
  • Jamstack คืออะไร?
  • Jamstack Tutorial - เว็บไซต์เต็มโดยใช้ Netlify & Hugo
  • Jamstack เริ่มต้นวิดีโอ
  • วิธีที่เราพูดถึง Jamstack - Matt Biilmann
  • นักพัฒนาปลายด้านหน้าที่ทรงพลังทั้งหมด - Chris Coyier
  • Freecodecamp ให้บริการผู้เรียนหลายล้านคนโดยใช้ Jamstack
  • ประสบการณ์ที่ซื่อสัตย์ของฉันตั้งแต่ต้นจนจบด้วย jamstack ... อืม!?
  • Jam Stack: The New Kid On The Block - JS Monthly - มีนาคม 2019
  • สร้างเว็บไซต์ Jamstack ที่ทันสมัยในไม่กี่นาที - Ben Edwards
  • Jamstack คืออะไร? - Phil Hawksworth
  • หลักสูตร Jamstack - สร้างเว็บไซต์ที่ง่ายขึ้นเร็วขึ้นและปลอดภัยยิ่งขึ้น

ตัวอย่าง

  • Derrickreimer.com - เว็บไซต์ Jamstack สร้างกับ Jekyll และปรับใช้กับ Netlify (แหล่งที่มา)
  • Ecommerce-Netlify.netlify.com - เว็บไซต์อีคอมเมิร์ซ Jamstack ที่สร้างขึ้นด้วยฟังก์ชั่น NUXT และ NETLIFY (แหล่งที่มา)
  • bolajiayodeji.com - เว็บไซต์ jamstack ที่สร้างขึ้นด้วย nextjs และนำไปใช้กับ firebase (แหล่งที่มา)

การบริจาค

พบทรัพยากรที่ยอดเยี่ยมบทความบล็อกวิดีโอเด็คลำโพง ฯลฯ ? โปรดส่งคำขอดึงและปฏิบัติตามแนวทางของผู้ร่วมให้ข้อมูล

ผู้มีส่วนร่วม

ขอบคุณไปที่คนที่ยอดเยี่ยมเหล่านี้ (คีย์อีโมจิ):


Bolaji Ayodeji
- -
Derrick Reimer
-
อีวานบิลา

Brian Rinaldi

ดีเร็กโคลแมน

Tamas Piros

Gabiola

Peter Thaleikis

ผู้ทำอาหาร

Ludovic Armand

Dani

ตรวจสอบบล็อกจดหมายข่าวหรือ ทักทาย บน Twitter

ใบอนุญาต

Jamstack ที่ยอดเยี่ยม© 2019 โดย Bolaji Ayodeji ได้รับใบอนุญาตภายใต้ใบอนุญาต International Creative Commons Commons 4.0

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด