很棒的jamstack
此列表靈感來自很棒的列表和很棒的技術寫作列表
提示
Jamstack是一種現代的Web開發體系結構,基於客戶端JavaScript,可重複使用的API和預構建標記。 jamstack與特定技術無關。這是構建網站和應用程序的新方法,可提供更好的性能,更高的安全性,更低的規模成本以及更好的開發人員體驗。
目錄
官方資源
- 官方網站
- jamstack廣播
- jamstack鍋爐
- Netlify博客
- 什麼是jamstack?
- 為什麼要掃蕩?
- 我如何開始?
- jamstack最佳實踐
- jamstack資源
社區
- Jamstack社區
- Jamstack Discord社區
- jamstack conf
- jamstack conf在Twitter上
- Reddit的Jamstack_dev
- LinkedIn的Jamstack
- github
- Youtube
有用的工具
- staticgen- jamstack站點的靜態站點生成器列表
- 無頭CMS- jamstack網站的內容管理系統列表
- Netlify-從本地開發到全球部署的快速現代網站所需的一切。
- Statickit- jamstack網站的託管
- Zeit-部署網站的最簡單方法
- disqus-博客評論託管您的jamstack網站
- NetLify表單 - 管理表單和提交,而無需任何服務器端代碼或JavaScript。
- StackBit-創建一個與CMS相互連接的Jamstack站點,該站點在幾分鐘內部署以Netlify。
- jamstackthemes.dev- jamstack網站的主題列表,用於大多數流行的靜態站點生成器。
- JAMSTACK CMS -JAMSTACK CMS使您能夠在短短幾分鐘內部署完整的無服務器網站。
- 商業層 - 無頭商務平台和訂單管理系統,可輕鬆地向任何網站,移動應用,聊天機器人或物聯網設備添加全局購物功能。
- 等離子 - 功能強大的設計工具,可在視覺上構建您的React組件和Jamstack網站。
- Snipcart-購物車您只需添加到您喜歡的任何網站堆棧中即可。
文章
- 介紹Jamstack:現代網絡架構
- jamstack基本面:什麼,什麼以及如何
- 什麼是jamstack,為什麼要嘗試
- 靜態網站 + jamstack = <3
- 如何構建Jamstack網站
- 有用的API可以知道構建Jamstack應用程序時
- 靜態:在下一個項目中嘗試jamstack的5個理由
- 客戶的JAMSTACK:在福利和靜態網站CMS上
- jamstack就緒的CMS
- 使用Postgres上的GraphQl構建Jamstack驅動的反應靜態站點
- jamstack上的同構渲染
- 靜態電子商務工作流程中的動態產品管理
- 安全可擴展:Jamstack的簡介
- Jamstack的新手?您需要知道的一切才能開始
- 零至HTTP/2與AWS和Hugo
- 開始雨果並部署以Netlify
- 什麼是jamstack?
- jamstack就緒的CMS
- JAMSTACK基礎知識:如何創建具有內容的Gatsby Starter並部署以Netlify
- Jamstack的承諾
- jamstack vs Insomorphic服務器端渲染
- Jamstack的新手?如何使站點從A到Z
- 從WordPress到Jamstack:如何更快地使您的網站10倍
- Jamstack:什麼,為什麼和如何
- 採用jamstack:用VUE或REACT構建CMS支持的靜態網站
- 使用無頭鬼2.0 CMS和Gatsby構建Jamstack個人博客
- 如何使用vue.js,nuxt.js和Cosmic JS構建Jamstack網站
- 幽靈演示:如何與幽靈CMS無頭(教程)
- Next.js電子商務教程:快速購物車集成
- 如何使用React static和Cosmic JS構建博客
- 如何免費構建一個無靜態的無服務器博客?
- jamstack vs無服務器網絡應用程序
- jamstack?更像Shamstack。
- 靜態文件託管不必如此……靜態
- 現代jamstack託管和部署解決方案
- 靜態第一:帶有無服務器渲染作為後備的預先生成的jamstack網站
- 嘿,讓我們使用Jamstack創建功能性日曆應用
- 什麼是jamstack
- 建立jamstack博客:Netlify上的Gatsby和Buttercms
- 理解jamstack和無服務器體系結構
- jamstack生態系統
揚聲器甲板
- j
- 用無頭CMS利用jamstack的力量
- 介紹Jamstack-我們談論現代網絡工具時我們談論的內容
- 2019年的jamstack:為什麼(以及如何)開始
- 分解jamstack的最佳實踐
- 您的Jamstack應用程序真的是Jamstack嗎?
- React和Jamstack- 2018年Reactathon基本原理
- jamstack的甜味
- jamstack備忘單
- 使用WordPress開發Jamstack的方式
- 閃電談話-Jamstack
- 新的堆棧午餐介紹
- jamstack-粉碎conf freiburg 2017
- 什麼jamstack?
圖書
- Jamstack上的現代Web開發 - Mathias Biilmann&Phil Hawksworth的超快速站點和Web應用程序的新技術
影片
- 有關各種jamstack項目和技術的免費教育視頻課程
- jamstack的崛起-Mathias Biillman
- Jamstack CMS的崛起-Matt Biilmann
- 新的前端堆棧。 JavaScript,API和Markup -Mathias Biillman
- 無服務器堆棧的前端-Brian Douglas
- jamstack國家的狀態 - 莎拉·德拉斯納(Sarah Drasner)
- 輕鬆在jamstack上的同構渲染 - 菲爾·霍克斯沃思(Phil Hawksworth)
- 表演網絡動畫 - 艾米麗·海曼(Emily Hayman)
- 為什麼在JavaScript中靜態類型? - Preethi Kasireddy
- 現代網絡景觀 - 馬特·比爾曼(Matt Biilmann),弗朗西斯·貝里曼(Frances Berriman)和威爾遜礦工(Wilson Miner)
- 您需要API:現在呢? - 艾琳·麥基恩(Erin McKean)
- 使用ELM原型和構建Web應用程序 - David Calavera
- GraphQL:心理模型 - Dhaivat Pandya
- JWT FTW WTF? - 馬特·比爾曼(Matt Biilmann)
- 與Markdown的Jammin' - 大衛·威爾斯(David Wells)
- 客戶的jamstack - 布萊恩·道格拉斯(Brian Douglas)
- 什麼是jamstack?
- Jamstack教程 - 使用Netlify&Hugo的完整網站
- jamstack入門視頻
- 我們如何談論jamstack -Matt Biilmann
- 所有強大的前端開發人員-Chris Coyier
- FreecodeCamp如何使用Jamstack為數百萬學習者提供服務
- 我從頭到尾都以jamstack ...嗯...嗯!
- 果醬堆棧:街區的新孩子 - JS月刊 - 2019年3月
- 在幾分鐘內建立現代jamstack網站-Ben Edwards
- 什麼是jamstack? - 菲爾·霍克斯沃思(Phil Hawksworth)
- Jamstack課程 - 建立更簡單,更快,更安全的網站
例子
- derrickreimer.com- jamstack網站與jekyll構建,並在Netlify上部署。 (來源)
- 電子商務netlify.netlify.com-一個使用NUXT和NETLIFY功能構建的Jamstack電子商務網站。 (來源)
- Bolajiayodeji.com-一個使用NextJS構建並部署在Firebase上的Jamstack網站。 (來源)
貢獻
找到了一個很棒的資源,文章,博客,視頻,揚聲器甲板等?請給我發送拉的請求,並遵循貢獻者的指南。
貢獻者
謝謝這些好人(表情符號鑰匙):
Bolaji Ayodeji ? ? | 德里克·雷默(Derrick Reimer) ? | 伊万·比拉(Ivan Bila)
| 布萊恩·里納爾迪(Brian Rinaldi)
| 德里克·科爾曼(Derek Coleman)
| 塔瑪斯·皮羅斯(Tamas Piros)
| 創世紀Gabiola
|
彼得·塔利基斯(Peter Thaleikis)
| 煮熟
| Ludovic Armand
| 丹妮
|
查看我的博客,新聞通訊,或在Twitter上打招呼。
執照
Awesome Jamstack©2019 by Bolaji Ayodeji由Creative Commons Attribution-ShareAlike 4.0國際許可證獲得許可。