gatsby starter saas marketing

SaaS公司和獨立黑客的簡單一頁營銷網站入門。

實時演示：https：//gatsby-starter-saas-marketing.netlify.com/--配x Netlify上不再可用實時演示部署。

入門 ？

安裝Gatsby CLI-更多信息

npm install -g gatsby-cli

或者

yarn global add gatsby-cli

在本地安裝起動器：

gatsby new gatsby-starter-saas-marketing https://github.com/keegn/gatsby-starter-saas-marketing

安裝依賴項：

yarn install

啟動開發服務器：

gatsby develop

在項目root上，編譯您的部署應用程序：

gatsby build

清潔緩存以修復某些錯誤 - 在啟動Dev Server之前運行清潔命令：

gatsby clean

在項目根上，為您的網站的生產構建服務：

gatsby serve

樣式

該起動器使用樣式的組件。主題文件包含基本樣式src/styles/theme.js和全局樣式文件包含基本元素樣式和样式repot src/styles/GlobalStyles.js 。

導航

該起動器使用React-link-link-s-Smooth-Scroll和React-Scrollspy。要將導航項目鏈接到部分，只需將ID和字符串值添加到與navigation.js中同一導航字符串值相對應的部分父元素

配x僅鏈接Features部分。產品和價格部分故意沒有鏈接，在單擊時會在控制台中扔一個TypeError （因為它們不存在於啟動器中）。如果您想幫助擴展此功能，請與您聯繫。

部署到Netlify

部署指南

收集帶有Netlify表格的電子郵件

使用gatsby.js v2和Netlify進行處理

netlify形式用法示例

在header.js中替換現有<HeaderForm>...</HeaderForm>帶有以下組件的組件應提供一個工作示例，一旦您的網站被部署：

 <HeaderForm
 name="early-access"
 method="post"
 data-netlify-honeypot="bot-field"
 data-netlify="true"
>
  <input type="hidden" name="bot-field" />
  <input type="hidden" name="form-name" value="early-access" />
  <HeaderInput
   type="email"
   placeholder="Your email"
   name="email"
   id="email"
   required
  />
  <HeaderButton>Early access</HeaderButton>
</HeaderForm>