awesome jamstack resources

แหล่งที่มาของ Jamstack ที่ยอดเยี่ยม

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

ต้องการมีส่วนร่วมกับเครื่องมือ / ทรัพยากรบางอย่างหรือไม่? สุดยอด! โปรดอ่านแนวทางการบริจาคก่อนที่จะมีส่วนร่วม

หนังสือพิมพ์

• เว็บไซต์ทรัพยากรอย่างเป็นทางการ
• การแสดงไซต์ Jamstack Showcase
• แพลตฟอร์ม
• เครื่องกำเนิดไซต์คงที่
• ซม.
• API
  • การรับรองความถูกต้อง
  • ความเห็น
  • รูปแบบ
  • อีคอมเมิร์ซ
  • ค้นหา
  • ฐานข้อมูล
• ไม่มีเซิร์ฟเวอร์
• วิดีโอ
• บทเรียน / บทความ
• หนังสือ

---

เป็นทางการ

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

การแสดงไซต์ Jamstack Showcase

• ผลงานของฉัน - สร้างขึ้นบน Gatsby และโฮสต์บน Netlify
• ตอบสนอง - สร้างขึ้นบน Gatsby
• Squoosh.app - โฮสต์บน Netlify แสดงให้เห็นถึงคุณสมบัติขั้นสูงจากเว็บแอปพลิเคชันที่ทันสมัย
• Hopper - สร้างขึ้นบน Gatsby และโฮสต์บน Netlify
• VSCODE Power User Course - PWA สร้างขึ้นบน Gatsby และโฮสต์บน Netlify
• CloudYCAM - PWA สร้างขึ้นบน Next.js และโฮสต์บนแพลตฟอร์ม Zeit Now V2 Serverless
• Creative Designs Guru - สร้างขึ้นบน ElevTeny.js โฮสต์บน netlify และสไตล์ด้วย tailwind css

แพลตฟอร์ม

• Netlify-แพลตฟอร์ม All-in-One สำหรับการทำโครงการเว็บที่ทันสมัยโดยอัตโนมัติ
• Vercel-แพลตฟอร์มแบบไม่มีเซิร์ฟเวอร์แบบ all-in-One สำหรับเว็บแอพที่ทันสมัยพร้อมเครื่องมือและเวิร์กโฟลว์แบบไม่มีการกำหนดค่า

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

• Gatsby - เครื่องกำเนิดไซต์แบบคงที่อย่างรวดเร็วสำหรับ React
• Next.js - เฟรมเวิร์กน้ำหนักเบาสำหรับแอปพลิเคชันแบบคงที่และเซิร์ฟเวอร์
• Hugo - Hugo เป็นเครื่องกำเนิดไซต์คงที่ที่เขียนไว้ใน Go
• Jekyll - Jekyll เป็นเครื่องกำเนิดเว็บไซต์ที่รับรู้ได้ง่ายและตระหนักถึงบล็อกที่สมบูรณ์แบบสำหรับเว็บไซต์ส่วนบุคคลโครงการหรือองค์กร
• Hexo - กรอบบล็อกที่รวดเร็วและทรงพลังขับเคลื่อนโดย Node.js
• Gridsome-เครื่องกำเนิดไซต์แบบคงที่ Vue ที่ขับเคลื่อนด้วย Vue สำหรับการสร้างเว็บไซต์พร้อม CDN สำหรับ CMS, APIs หรือ markdown-files
• nuxt.js-เฟรมเวิร์กที่ใช้ Vue ที่ใช้งานได้หลากหลายสำหรับแอพพลิเคชั่นหน้าเดี่ยวแบบเรนเดอร์แบบเรนเดอร์แบบคงที่และแบบดั้งเดิม
• Elevthous - เครื่องกำเนิดไซต์แบบคงที่ที่ง่ายกว่าการแปลงไฟล์เทมเพลตต่างๆเป็น HTML
• NIFT - เครื่องกำเนิดเว็บไซต์โอเพนซอร์ซข้ามแพลตฟอร์มที่พัฒนาขึ้นใน C ++ ซึ่งเป็นสายฟ้าที่รวดเร็วและทรงพลังมาก

ซม.

• Cosmic - CMS แบบไม่มีหัวพร้อมตัวเลือก REST และ GRAPHQL API
• Kentico Kontent - CMS แบบไม่มีหัวคลาวด์ที่ถูกปรับขนาด
• Contentful - โครงสร้างพื้นฐานเนื้อหาสำหรับทีมดิจิตอล
• NetLifyCMS - CMS ที่ใช้ GIT โอเพนซอร์ส
• ButterCMS - CMS ที่ไม่มีหัวและเนื้อหา API
• GraphCMS - CMS แบบไม่มีหัว GraphQL
• PRISMIC - API CMS แบบไม่มีหัวสำหรับทั้งนักพัฒนาและนักการตลาด
• Siteleaf - CMS ที่เป็นมิตรสำหรับเว็บไซต์คงที่ของคุณ
• DatoCMS - CMS ที่ใช้ API บรรณาธิการของคุณจะรัก
• ร้อยแก้ว - ร้อยแก้วเป็นตัวแก้ไขเนื้อหาสำหรับ GitHub ที่ออกแบบมาสำหรับการจัดการเว็บไซต์
• TIPE - CMS รุ่นแรก API รุ่นต่อไป
• ป่าไม้ - CMS แบบไม่มีหัวสำหรับไซต์ที่สร้างขึ้นด้วยเครื่องกำเนิดไฟฟ้าแบบคงที่
• HeadlessCMS - รายการระบบการจัดการเนื้อหาสำหรับไซต์ Jamstack
• Ghost - CMS แบบไม่มีหัวสำหรับสิ่งพิมพ์ออนไลน์
• Strapi - ผู้พัฒนาหน้าโอเพนซอร์สโอเพนซอร์ส CMS รัก

API

การรับรองความถูกต้อง

• Auth0 - การตรวจสอบด้วยโทเค็นเดียวและการตรวจสอบตามโทเค็น
• Netlify Identity - นำชุดฟังก์ชันการตรวจสอบสิทธิ์เต็มรูปแบบซึ่งได้รับการสนับสนุนโดย Gotrue API
• Jexia UMS - ระบบการจัดการผู้ใช้ REST API สำหรับเว็บไซต์ของคุณกับผู้ให้บริการ Identy ด้วยฟังก์ชั่นพิเศษ JWT +

ความเห็น

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

รูปแบบ

• Formcake - แบ็กเอนด์แบบฟอร์มที่สร้างขึ้นสำหรับนักพัฒนา: การรวม Zapier, การพึ่งพาศูนย์, API ที่เรียบง่ายและรูปแบบไม่ จำกัด
• GetForm - ฟอร์มแพลตฟอร์มแบ็กเอนด์สำหรับนักออกแบบและนักพัฒนา ตั้งค่าจุดสิ้นสุดแบบฟอร์มของคุณสำหรับไซต์คงที่ของคุณภายในไม่กี่นาทีและขยายข้อมูลของคุณด้วยการรวม Zapier และการสนับสนุน webhooks
• แบบฟอร์ม Netlify - การจัดการแบบฟอร์มในตัวในการสร้างเวลาโดยการแยกไฟล์ HTML โดยตรงเมื่อเวลาปรับใช้
• ARENGU - สร้างแบบฟอร์มการลงชื่อเข้าใช้และเข้าสู่ระบบด้วย Arengu เปิดใช้งานการเข้าสู่ระบบสังคมเพิ่ม 2FA หรือใช้การไหลแบบไม่มีรหัสผ่านเพื่อตรวจสอบสิทธิ์ผู้ใช้ด้วย API หรือผู้ให้บริการข้อมูลประจำตัวของคุณ

อีคอมเมิร์ซ

• Snipcart - แพลตฟอร์มตะกร้าสินค้าที่ทรงพลังสำหรับนักพัฒนา
• Moltin - ECOMMERCE API สำหรับนักพัฒนา
• Trolley - ตะกร้าสินค้าที่ออกแบบมาสำหรับ Jamstack
• Shopify - shopify headless e -commerce Solution
• Commerce.js - แพลตฟอร์มอีคอมเมิร์ซ API -First สำหรับนักพัฒนา

ค้นหา

• Algolia - แพลตฟอร์มที่น่าเชื่อถือที่สุดสำหรับการสร้างการค้นหาในธุรกิจของคุณ
• Lunr - การค้นหาทำให้ง่าย (ในส่วนหน้า)

ฐานข้อมูล

• GraphQL - ภาษาคิวรีสำหรับ APIs และรันไทม์สำหรับการตอบคำถามเหล่านั้นด้วยข้อมูลที่มีอยู่ของคุณ
• Graphcool-แหล่งโอเพ่นซอร์สและโฮสต์ตัวเองเป็นบริการเพื่อพัฒนาแบ็กเอนด์ GraphQL ที่ไม่มีเซิร์ฟเวอร์
• FAUNADB-ฐานข้อมูล NOSQL เชิงสัมพันธ์กับการรวมดัชนีและการทำธุรกรรมกรดหลายภูมิภาคในคลาวด์หรือในสถานที่

การจัดการไฟล์

• JEXIA FILEST - REST API File Manager สำหรับแอปพลิเคชันของคุณด้วยการจัดทำดัชนีและฟังก์ชั่นพิเศษ

ไม่มีเซิร์ฟเวอร์

• ฟังก์ชั่น Netlify - NetLify ช่วยให้คุณปรับใช้ฟังก์ชั่นแลมบ์ดาโดยไม่มีบัญชี AWS และด้วยการจัดการฟังก์ชั่นที่จัดการโดยตรงภายใน NetLify
• Amazon Lambda - ให้คุณเรียกใช้รหัสโดยไม่ต้องจัดสรรหรือจัดการเซิร์ฟเวอร์
• Microsoft Azure
  • ฟังก์ชั่น Azure - บริการคำนวณแบบไม่มีเซิร์ฟเวอร์ที่ช่วยให้คุณเรียกใช้รหัสตามความต้องการโดยไม่ต้องจัดเตรียมหรือจัดการโครงสร้างพื้นฐานอย่างชัดเจน
  • Azure Logic Apps - ลดความซับซ้อนของการสร้างเวิร์กโฟลว์ที่ปรับขนาดได้อัตโนมัติซึ่งรวมแอพและข้อมูลข้ามบริการคลาวด์และระบบในสถานที่
• Google Cloud
  • แอพเอ็นจิ้น - แอปพลิเคชันแบบไม่มีเซิร์ฟเวอร์ที่เป็นนามธรรมของโครงสร้างพื้นฐานอย่างสมบูรณ์ดังนั้นคุณจึงมุ่งเน้นเฉพาะรหัส
  • ฟังก์ชั่นคลาวด์ - สภาพแวดล้อมที่ไม่มีเซิร์ฟเวอร์ในการสร้างและเชื่อมต่อบริการคลาวด์
  • Cloud DataStore - ฐานข้อมูล NOSQL ที่สามารถปรับขนาดได้สูงพร้อมการจัดเก็บและการจำลองแบบอัตโนมัติ
  • ที่เก็บข้อมูลบนคลาวด์ - ที่เก็บข้อมูลวัตถุทางภูมิศาสตร์สำหรับความต้องการของ QPS สูง
  • Cloud Pub/Sub-การส่งข้อความแบบเรียลไทม์แบบเรียลไทม์ทางภูมิศาสตร์สำหรับขนาดและความเร็วทั้งหมด
  • APIGEE - การจัดการ API Enterprise สำหรับสภาพแวดล้อมแบบหลายคลาวด์
  • จุดสิ้นสุด - แอพการจัดการ API ที่สร้างขึ้นบน Google Cloud
  • Cloud DataFlow - บริการการประมวลผลข้อมูลแบบสตรีมและแบตช์แบบไม่มีเซิร์ฟเวอร์
  • BigQuery - บริการคลังข้อมูลที่ไม่มีเซิร์ฟเวอร์ที่ช่วยให้คุณปรับใช้โซลูชันคลังข้อมูลคลาวด์ขั้นสูงสำหรับองค์กรของคุณ
  • Cloud ML Engine - บริการการเรียนรู้ของเครื่องจักรแบบไม่มีเซิร์ฟเวอร์ที่ปรับขนาดโดยอัตโนมัติบนฮาร์ดแวร์ Google ที่กำหนดเอง (หน่วยประมวลผลเทนเซอร์)
• Serverless - Toolkit สำหรับการปรับใช้และการใช้งานสถาปัตยกรรมแบบไม่มีเซิร์ฟเวอร์
• Cloudinary - แพลตฟอร์มการจัดการ Media Serverless (รูปภาพ/วิดีโอ) ให้บริการ SDKs ในทุกภาษาและวิดเจ็ตสื่อยอดนิยมสำหรับ Jamstack เพื่อให้ง่ายต่อการจัดการสื่อ, CDN, ที่เก็บข้อมูลการแปลงและอื่น ๆ
• IMGIX - บริการส่งภาพและการจัดการแบบไม่มีเซิร์ฟเวอร์ IMGIX เชื่อมต่อกับที่จัดเก็บรูปภาพของคุณ (เช่น S3, GCS, Folder Web) และการแปลงเพิ่มประสิทธิภาพและส่งภาพของคุณอย่างชาญฉลาดโดยใช้พารามิเตอร์ URL ที่เรียบง่ายและแข็งแกร่ง
• Elastictable - แบ็กเอนด์เป็นโซลูชันบริการที่สร้างขึ้นบน AWS ซึ่งขาดหายไปเพื่อเพิ่มอัตราความสำเร็จของธุรกิจออนไลน์

สำหรับรายการที่สมบูรณ์ยิ่งขึ้นให้ดู Serverless ที่ยอดเยี่ยม

วิดีโอ

• กองหน้าใหม่ JavaScript, APIs และ Markup - Matt Biilmann
• Rise of the Jamstack - Mathias Biillman
• Jamstack: ชื่อโง่ ๆ , สิ่งที่จริงจัง - Phil Hawksworth
• CMS ที่ใช้ GIT-based หรือ API-driven-Chris MacRae
• Jamstack Tutorial - เว็บไซต์เต็มโดยใช้ Netlify & Hugo - freecodecamp.org
• Gatsby JS Crash Course - Traversy Media
• เรามาถึงที่นี่และอนาคตของเว็บได้อย่างไร - ไคล์แมทธิวส์
• พูดคุยจากการประชุม Jamstack ทั้งหมด - Jamstack Conf
• ฉันใช้ React, Vue, & Node เพื่อสร้างแอพ Jamstack เดียว - Ahmad Awais
• React vs Vue, Gatsby vs Gridsome - สร้างเว็บไซต์เดียวกัน - Ondrej Polesny
• wtf เป็น jamstack? - Ondrej Polesny

บทเรียน / บทความ

• สร้างบล็อกส่วนบุคคล Jamstack ด้วยหัวเรื่อง Lessless 2.0 cms & Gatsby
• วิธีสร้างเว็บไซต์ Jamstack โดยใช้ vue.js, nuxt.js และ Cosmic JS
• ผีบน jamstack
• การสร้างแบบฟอร์มการติดต่อใน Gatsby โดยใช้ GetForm
• เริ่มต้นใช้งานกับ Gatsby และ Cockpit - ตอนที่ 1 จาก 2
• การสร้างไซต์อีคอมเมิร์ซแบบคงที่ด้วย gatsbyjs
• สำหรับไซต์คงที่ไม่มีข้อแก้ตัวที่จะไม่ใช้ CDN
• e-commerce front-end สำหรับ vue.js, nuxt.js และ snipcart
• สร้าง Paul the Octopus
• Jamstack และ Netlify: เราต้องการ buzzword อื่นหรือไม่?
• ภูมิทัศน์เริ่มต้น Jamstack
• ฉันสร้างบล็อกของฉันได้อย่างไรโดยใช้ Gatsby และ Netlify
• คู่มือนักพัฒนาเกี่ยวกับอีคอมเมิร์ซแบบไม่มีหัว
• การจัดการฟอร์มคงที่ฟังก์ชั่นการรับรองความถูกต้องและเซิร์ฟเวอร์ด้วย gatsby บน netlify
• Jamstack สำหรับลูกค้า: ผลประโยชน์ไซต์คงที่ CMS และข้อ จำกัด
• การสำรวจ Netlify CMS ซึ่งเป็นระบบการจัดการเนื้อหาที่ตอบสนองและใช้ GIT
• JAMSTACK PWA - มาสร้างแอพโพล ด้วย gatsby.js, firebase และ components สไตล์ Pt. 1
• ไซต์คงที่แบบไดนามิกที่มีทางลัด netlify และ iOS; ใช้ฟังก์ชั่น netlify กระบวนการสร้างอึกและทางลัด iOS เพื่อเผยแพร่เนื้อหาแบบไดนามิกไปยังไซต์คงที่ของคุณ
• Gatsby สำหรับแอพ
• เปลี่ยนไดนามิกแบบคงที่
• ไปติดขัดด้วย netlify และ nuxt
• เริ่มต้นด้วย gridsome
• คู่มือผู้เริ่มต้นที่สมบูรณ์ในการปรับใช้เว็บไซต์คงที่แรกของคุณกับ IPFS
• การอภิปรายอย่างกว้างขวางเกี่ยวกับ Jamstack & E-Commerce (Podcast & Transcript)
• คู่มือผู้เริ่มต้นสำหรับเครื่องกำเนิดไซต์คงที่
• 9 ตัวเลือก CMS แบบไม่มีหัวสำหรับไซต์ Jamstack ของคุณ
• รายงาน State of Jamstack 2020
• Jamify Tutorials - เผยแพร่บล็อก Flaring Fast ด้วย Gatsby และ Ghost
• รายงานสถานะของตลาด CMS ที่ไร้หัว 2020
• ทำไม Next.js ถึงตัวเลือกที่ดีที่สุดของฉันเหนือ Gatsby, Gridsome และ Nuxt?
• การใช้ jamstack: การสร้างเว็บไซต์คงที่ CMS ที่ได้รับการสนับสนุนด้วย Vue หรือ React
• การสาธิตผี: วิธีการไร้เดียงสากับผี CMS [บทช่วยสอน]
• Next.js การสอนอีคอมเมิร์ซ: การรวมตะกร้าสินค้าด่วน
• วิธีสร้างบล็อกโดยใช้ React Static และ Cosmic JS
• วิธีการสร้างบล็อกแบบไม่มีเซิร์ฟเวอร์แบบคงที่ฟรี?
• jamstack vs serverless web apps -jamstack? เหมือน Shamstack
• โฮสติ้งไฟล์แบบคงที่ไม่จำเป็นต้องเป็นเช่นนั้น…คงที่
• คงที่ก่อน: ไซต์แยมที่สร้างไว้ล่วงหน้าพร้อมการเรนเดอร์แบบไม่มีเซิร์ฟเวอร์เป็นทางเลือก

หนังสือ

• การพัฒนาเว็บสมัยใหม่บน Jamstack - โดย Mathias Biilmann & Phil Hawksworth (เผยแพร่โดย O'Reilly)
• Hugo ในการดำเนินการ
• การพัฒนา Jumpstart Jamstack - โดย Christopher Pecoraro และ Vincenzo Gambino
• การพัฒนาเว็บที่ทันสมัยบน Jamstack - เทคนิคใหม่สำหรับเว็บไซต์ที่รวดเร็วและแอปพลิเคชันเว็บโดย Mathias Biilmann และ Phil Hawksworth

ใบอนุญาต

มิกซ์