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>