gatsby

蓋茲比

Web 開發的未來就在這裡。

Gatsby 是一個基於 React 的免費開源框架，可協助開發人員建立速度極快的網站和應用程式。
它將動態呈現網站的控制和可擴展性與靜態網站生成的速度結合起來，創造了一個全新的可能性網絡。

快速入門·教學·插件·入門·展示·貢獻
支持：Twitter、討論與不和諧

Gatsby 協助專業開發人員有效率地建立可維護、高效能、內容豐富的網站。

• 從任何地方加載數據。 Gatsby 從任何資料來源提取數據，無論是 Markdown 檔案、Contentful 或 WordPress 等無頭 CMS，還是 REST 或 GraphQL API。使用來源插件載入數據，然後使用 Gatsby 的統一 GraphQL 介面進行開發。

• 超越靜態網站。不受任何限制地獲得靜態網站的所有優勢。 Gatsby 網站是功能齊全的 React 應用程序，因此您可以創建高品質、動態的 Web 應用程序，從部落格到電子商務網站再到用戶儀表板。

• 選擇您的渲染選項。除了靜態網站產生 (SSG) 之外，您還可以按頁面選擇替代渲染選項，即延遲靜態產生 (DSG) 和伺服器端渲染 (SSR)。這種類型的精細控制可讓您優化效能和生產力，而無需犧牲其中之一。

• 性能是烘焙出來的。預設情況下，您的績效審核會取得好成績。 Gatsby 可以自動執行程式碼分割、圖像優化、內聯關鍵樣式、延遲載入、預取資源等，以確保您的網站快速運行 - 無需手動調整。

• 對每個站點使用現代堆疊。無論資料來自何處，Gatsby 網站都是使用 React 和 GraphQL 建立的。為您和您的團隊建立統一的工作流程，無論資料是否來自相同後端。

• 主持 Scale for Pennies。 Gatsby 網站不需要伺服器，因此您可以將整個網站託管在 CDN 上，而成本只是伺服器渲染網站的一小部分。許多 Gatsby 網站可以完全免費託管在 Netlify 和其他類似服務上。

• 隨處使用 Gatsby 的集中資料層。透過 Gatsby 的 Valhalla Content Hub，您可以將 Gatsby 的資料層引入任何專案。透過統一的 GraphQL API 進行訪問，用於建立內容網站、電子商務平台以及本機和 Web 應用程式。

了解如何在您的下一個專案中使用 Gatsby。

5 分鐘內交付您的第一個 Gatsby 網站

點擊下面的連結快速嘗試使用 Gatsby 和 Netlify 開發、建置和部署網站的工作流程。

在此過程結束時，您將獲得

1. 一個使用 Netlify 的網站

2. 連結到該新網站的新儲存庫

3. 當您將變更推送到新儲存庫時，Netlify 將自動重建並重新部署您的網站！

5 分鐘內在本地開始使用 Gatsby

透過以下四個步驟，您可以在 5 分鐘內在本機開發環境中啟動並執行一個新的 Gatsby 網站：

1. 初始化一個新項目。

    npm 初始化蓋茲比

   將其命名為“我的蓋茨比網站”。

2. 以develop模式啟動站點。

   接下來，進入新網站的目錄並啟動它：

    cd my-gatsby-site/
   npm 運行開發

3. 打開原始碼並開始編輯！

   您的網站現在正在http://localhost:8000運行。在您選擇的程式碼編輯器中開啟my-gatsby-site目錄並編輯src/pages/index.js 。保存您的更改，瀏覽器將即時更新！

至此，您已經有了一個功能齊全的 Gatsby 網站。有關如何自訂 Gatsby 網站的更多信息，請參閱我們的插件和官方教程。

？學習蓋茲比

Gatsby 的完整文件位於網站上。

• 對於大多數開發人員來說，我們建議從使用 Gatsby 建立網站的深入教學開始。它從對您的能力水平的零假設開始，並逐步完成該過程的每一步。

• 若要直接深入了解程式碼範例，請參閱我們的文件。特別是，請查看側邊欄中的「操作指南」、「參考」和「概念指南」部分。

我們歡迎提出改進我們文件的建議。有關更多詳細信息，請參閱“如何貢獻”文件。

開始學習 Gatsby：按照教學·閱讀文檔

？發行說明

想知道我們最近運送了什麼？請參閱我們的發行說明，以了解主要亮點、效能改進、新功能和值得注意的錯誤修復。

另外，請閱讀我們有關版本支援的文檔，以了解我們對每個版本的 Gatsby 的計劃。

遷移指南

已經有蓋茲比網站了？這些方便的指南將幫助您將 Gatsby v5 的改進添加到您的網站，而無需從頭開始！

• 從 v4 遷移到 v5

• 從 v3 遷移到 v4

• 從 v2 遷移到 v3

❗ 行為準則

Gatsby 致力於建立一個熱情、多元化、安全的社區。我們希望參與 Gatsby 社群的每個人都遵守我們的行為準則。請閱讀它。請遵循它。在蓋茲比社區，我們努力互相幫助，共同創造令人驚嘆的事物。 ??

？如何貢獻

無論您是幫助我們修復錯誤、改進文件還是傳播訊息，我們都希望您成為 Gatsby 社群的一員！

請查看我們的貢獻指南，以了解有關貢獻的想法以及在本機電腦上啟動和運行我們的儲存庫的設定步驟。

關於如何組織此存儲庫的註釋

此儲存庫是使用 Lerna 管理的單一儲存庫。這意味著此程式碼庫中管理多個套件，即使我們將它們作為單獨的套件發佈到 NPM。

執照

根據 MIT 許可證獲得許可。

？謝謝

感謝所有創建插件、啟動器、影片和部落格文章的貢獻者。特別感謝我們的社群成員協助解決問題和 PR，或回答 Discord 和 GitHub 討論上的問題。

蓋茲比之所以偉大，很大一部分原因在於社區中的每一個人。您的貢獻豐富了蓋茲比的體驗，並使其每天變得更好。