搜尋
首頁web前端css教學jamstack工具和分類範圍

jamstack工具和分類範圍

隨著Jamstack的美好世界變得越來越大,所有幫助它的服務和工具都一如既往地重要。有靜態站點生成器,無頭CMS和靜態文件主機。

我認為這些分類很方便,並有助於對話。但是,有一個細微差別的點,這些分類存儲桶有點漏水。

請注意,這些圖表只是旨在繪製頻譜,而不是全面的服務列表。

無頭CMS

無頭CMS是一個CMS,它提供了用於創建和編輯內容的管理區域,但不提供前端來構建網站的前端。所有內容均通過API訪問。

想像一下WordPress,它具有管理區域,但它也具有您從服務器端構建網站的主題,其中各種PHP功能供您使用內容數據。所有的主題內容都是“頭”。因此,無頭CMS就像管理區域一樣。確實,您可以使用它,因為它提供了API。

這裡還有更多細微差別,因為有一些服務提供管理區域,但實際上並沒有為您存儲數據。另外,還有為您託管的CMS,以及您必須帶上自己的託管的CMS。讓我們達到頂峰。

服務 無頭? 託管 筆記
滿足 是的 經典的無頭CMS
理智 JSON數據結構,通過API訪問,自定義管理區域是自託管的
座艙 自己 隨附admin ui
Strapi
Keystonejs 所有代碼,甚至都不是管理員
WordPress Sorta - 通常與頭部一起使用 自我或云 有一個頭,但是您不必使用它,您只能使用API​​,如果需要的話,可以訪問內容。
Drupal 自己
手工藝品 自己 具體具有無頭模式和GraphQL API。工藝雲將帶來一個雲託管的無頭差異
Netlifycms sorta - 實際上並沒有存儲內容,只是有助於編輯它。 GUI用於GIT託管的Markdown
林業
JOOMLA 自己 經典的CMS
方形 現場建設者,旨在建立託管/頭目
Wix

靜態站點主機

這很棘手,因為從字面上看,任何Web主機都會託管靜態文件,並且可能會做得很好。我認為,考慮故意進行靜態託管的主機是最有用的,因為這意味著他們可以對這種情況進行優化,從而可以做其他有用的事情。

服務 筆記
Netlify 靜態文件主機中的金標準。開發人員便利。
Cloudflare工人站點 cdn-First靜態文件與雲功能服務一起託管。
火基託管 Firebase是整個子產品套件,但尤其是託管是靜態的,並且在CDN上。
github頁面 靜態文件主機,但也將運行Jekyll和其他操作。不是CDN。
霓虹燈 帶有在線編輯和社區的靜態文件主機。
S3 原始文件存儲。可以配置為Web主機。除非您將雲方向放在前面,否則不是CDN。
Bluehost 並不是真正的靜態文件主機。
Mediatemple
主機

有時,您會看到人們試圖使用Dropbox或Google Drive之類的內容來進行靜態文件託管(對於網站),但是我發現這些服務通常不喜歡那樣,並阻止使用此服務。如果今天起作用,很好,但是我不會長期指望它們。

靜態站點發生器

您可能會認為此類別不會很簡單,沒有太多頻譜。靜態站點生成器採用輸入,並製作靜態生成的頁面,這些頁面可以呈現,例如,不需要打擊數據庫。但是即使在這裡也有一個頻譜。

生成器的語言有點重要。它會影響速度。它會影響不同本地平台上的安裝。它會影響您編寫代碼以擴展其擴展併入侵它的能力。

但是也許更重要的是,並非所有靜態站點生成器都是靜態站點生成器。有些也可以在服務器上運行,這很奇怪。而且有些看起來像靜態站點發生器,但更正確地將其歸類為扁平文件CMS。

軟體 筆記
傑基 紅寶石 這一代靜態站點生成器中的原件之一。
雨果 以速度聞名。
11ty 節點 處理11種不同的模板語言。
蓋茨比 反應 蓋茨比(Gatsby)確實是一個靜態站點生成器,但通常,這些站點將“水合”“水合”成水療中心,但保持靜態(沒有服務器渲染)。插件的大生態系統,以幫助連接數據源,處理圖像等。
下一個 接下來可以進行靜態站點的生成,但它也可以在節點中實時運行,並可以隨時進行服務器端渲染(“同構JavaScript”)。
nuxt Vue Nuxt是接下來的伴侶,但在Vue中。它也可以是靜態的,也可以是同構的。
柯比 php Kirby從靜態文件(無數據庫)運行,但並不是真正的靜態站點,因為頁面由PHP呈現。
Statamic Statamic與Kirby相似,因為靜態文件用於數據,但該頁面本身由PHP渲染。
棲息 僅僅是將數據保存在數據庫中的CM的示例,並且根本不是試圖成為靜態站點生成器。

以上是jamstack工具和分類範圍的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
每周平台新聞:改進慢速連接上的UX,用於編寫ALT文本的提示和HTML加載屬性的多填充每周平台新聞:改進慢速連接上的UX,用於編寫ALT文本的提示和HTML加載屬性的多填充Apr 17, 2025 am 11:09 AM

在本週的綜述中,如何確定慢速連接,我們應該在圖像中放入alt文本中的內容以及用於HTML加載屬性的新polyfill,

可重複使用的彈出式添加一點流行音樂可重複使用的彈出式添加一點流行音樂Apr 17, 2025 am 11:02 AM

彈出窗口是一種瞬態視圖,當用戶單擊控制按鈕或定義區域內時,屏幕上的內容頂部顯示在屏幕上。例如,

帶有真實下劃線的造型鏈接帶有真實下劃線的造型鏈接Apr 17, 2025 am 10:57 AM

在進入如何樣式下劃線之前,我們應該回答以下問題:我們應該強調嗎?

每周平台新聞:HTML加載屬性,主要的ARIA規格以及從iframe轉移到Shadow dom每周平台新聞:HTML加載屬性,主要的ARIA規格以及從iframe轉移到Shadow domApr 17, 2025 am 10:55 AM

在本週的平台新聞綜述中,Chrome引入了一個用於加載的新屬性,Web開發人員的可訪問性規範以及BBC Move

帶有GraphQL的多人遊戲TIC TAC TOE帶有GraphQL的多人遊戲TIC TAC TOEApr 17, 2025 am 10:54 AM

GraphQL是API的查詢語言,對前端開發人員非常有能力。正如GraphQL網站所解釋的那樣,您可以描述您的數據,詢問什麼

使用CSS變量的邏輯操作使用CSS變量的邏輯操作Apr 17, 2025 am 10:44 AM

通常,在使用開關變量(一個0或1的變量時,這是在這篇文章中更詳細地解釋的概念),我希望我可以

懶負載嵌入YouTube視頻懶負載嵌入YouTube視頻Apr 17, 2025 am 10:40 AM

通過亞瑟·科倫贊(Arthur Corenzan),這是一個非常聰明的主意。與其使用默認的YouTube嵌入,該YouTube嵌入了,這會在用戶播放的情況下在頁面上添加大量資源

您可以在CSS中旋轉光標嗎?您可以在CSS中旋轉光標嗎?Apr 17, 2025 am 10:28 AM

kind!沒有簡單或標準的方法可以做到這一點,但是它可能是可能的。您可以使用CSS將光標更改為不同的內置本機版本

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中