根据gatsby 官方网站介绍，gatsby 是一个基于 React 的开源框架，内置了性能、可扩展性和安全性。
Gatsby 是一个开源框架，它将 React、GraphQL 和 Webpack 的功能组合到一个用于构建静态网站和应用程序的工具中。 由于其支持的网站的快速性能、代码拆分等令人印象深刻的开箱即用功能以及友好的开发人员体验，Gatsby 正在迅速成为现代 Web 开发的主要工具。
1. SuperProps – React Landing Page Templates with Next JS & Gatsby JS
SuperProps 是市场上最畅销的 React 登陆页面模板之一。 这是一个带有 Next JS 和 Gatsby JS 的 React 登陆页面，没有 jQuery。 重要的是，使用此模板，您会发现大量具有可重用组件的变体、功能和布局。 因此，您将能够使用通用组件创建多个登录页面。
对于您的 React App，您可以尝试一下，因为它非常容易部署。 此外，通过模板，您将找到完整的 Firebase 集成。 您将能够将您的 React 应用程序与其他主机（如 now.sh）一起托管到 firebase 中。
主要特征
- SSR 友好的 React 登陆模板
- 使用 React & NextJS 构建
- 使用 firebase 部署 React 登陆页面
2. StoryHub – React Gatsby 博客模板
StoryHub 是一个带有 React 和 Gatsby JS 的博客模板。 It’s 一个功能齐全的静态博客模板。 此外，它速度极快，以快速渲染着称。 它支持完整的markdown格式。你可以在任何地方托管它，比如GitHub、S3、now.sh等。
此外，该模板使用起来非常简单，性能甚至比 WordPress 更好。 它具有可重复使用的组件和现代的单库架构。 这些东西允许您使用相同的组件构建多个应用程序。
主要特征
- React JS + React Typescript +Gatsby博客
- SEO 友好的降价博客与反应
- 非常适合个人博客 & 博客
3. Rewy - Gatsby React IT Startup & 技术模板
Rewy 是适用于 IT & SEO 机构和初创公司的现代 React GatsbyJ 模板。 该模板包含带有博客和博客详细信息页面的 9+ 演示变体。 它在所有屏幕和设备上看起来都很棒，包括 Windows、Mac、iOS、Android 等。它是用 Strapi CMS、React、Gatsby、GraphQL、PostgreSQL、Cloudinary、HTML5、CSS & Bootstrap 构建的。
此模板具有适用于阿拉伯语和希伯来语网站的 RTL 功能。 此外，它还集成了动态联系表单功能，用于通过网站联系表单发送电子邮件。
主要特征
- 对于 IT 服务公司、SEO 机构 & Startup
- 9 演示， Gatsby Strapi CMS GraphQL PostgreSQL
- RTL + SEO优化，易于定制
4. Justcamp - Gatsby JS 工作板 & 目录模板
Justcamp 使用 React、Gatsby JS 构建，适用于工作列表、工作列表、工作目录、工作门户、常规工作、职业、列表、简历、目录、就业、自由职业者、候选人网站和类似网站。
Justcamp 中不包含或使用 JQUery。我们创建了可重用的 React 组件，以便您可以使用通用组件构建多个应用程序。 您可以将这些着陆器用于您的 React 应用程序。 我们提供了一个超级简单的文件管理系统来编辑 & 更快地部署您的登录页面 & 更好。
主要特征
- 创建下一个应用程序
- 可重用组件
- 准备生产
- 反应钩子 API
- 反应上下文 API
- 文件系统路由
- 快速性能
- 终身更新
5. 摘要 - React Creative Agency 个人作品集/着陆模板
Abstract 是一个使用 React 和 Gatsby 为创意机构或个人项目构建的漂亮模板。
这已经过测试，直到 NodeJS 版本 14。如果您使用的是最新版本的 NodeJS（例如 15），请使用 NVM 或通过安装软件包降级到版本 14。
主要特征
- 使用 React.js 和 Gatsby.js 构建
- 样式组件
- 反应灵敏
- 3 个主页演示
- 动画
6. Retro - React 投资组合模板
这已经过测试，直到 NodeJS 版本 14。如果您使用的是最新版本的 NodeJS（例如 15），请使用 NVM 或通过安装软件包降级到版本 14。
主要特征
- React.js & 盖茨比.js
- 没有 jQuery
- 动画
- 萨斯
- 引导程序
- 反应灵敏
7. Folio - 创意盖茨比投资组合模板
使用 React、Gatsby Js & 样式组件构建的 Folio Creative Gatsby 投资组合模板。 Flant 中没有包含或使用 jQuery。 我们创建了可重用的 React 组件，以便您可以使用通用组件构建多个应用程序。 您可以将这些着陆器用于您的 React 应用程序。 我们提供了一个超级简单的文件管理系统来编辑 & 更快地部署您的投资组合网站 & 更好。
主要特征
- 快速性能
- 值得信赖的支持
- 终身更新
- 反应上下文 API
- 反应钩子API
- 可重用组件
- 文件系统路由
- 方便的项目结构
8. Gatsby - Corporate Joomla 3 + Virtuemart 3 模板
Gatsby 是一个干净、扁平、现代的 Joomla3 和 Virtuemart3 模板，适用于任何类型的网站。 网络代理、单一产品、个人网站、作品集等等。 Gatsby 是根据最新趋势和最佳实践设计的。 立即尝试，您不会后悔您的选择。
主要特征
- 基于 Bootstrap & LESS
- 搜索引擎优化准备就绪
- 革命滑块
- 产品对比 –独家研发
- Ajax 下拉购物车
- 产品倒计时
- 带有促销和时事通讯订阅表格的弹出窗口
- 反垃圾邮件验证码
9. Waxon - Gatsby.js 个人作品集 & 博客模板
Waxon 是用 react gatsby 构建的。 It’s 完全响应并且看起来不错。 它是一个现代设计和高速性能的反应模板。 将 waxon 用于个人投资组合、个人投资组合登陆、最小投资组合、自由职业者投资组合、设计师投资组合、视差和其他所需的内部或详细信息页面可用性。
它带有 5+ 演示页面，另一个需要的内页，React，Gatsby，GraphQL 和 Bootstrap 4。
无论是笔记本电脑屏幕、iPad、iPhone、Android Mobile 还是平板电脑，布局在任何尺寸下看起来都很漂亮。 加。 通过遵循多个组件，您可以随心所欲地构建网站。 Arlo 文档齐全，非常易于使用，易于定制，加载速度更快，并提供更好的性能。
It’s 是一个功能齐全的静态投资组合模板。 功能搜索选项。 100% SEO 友好，支持完整的 markdown 格式，比 WordPress 性能更好。
主要特征
- 开发者友好代码
- 建立在最新的 React 之上
- 支持的帖子格式：标准、画廊、链接、报价
- Sass可用
- 加载速度快
- 跨浏览器支持
- 渐进式网络图像
- 工作搜索表
10. TheRN - Gatsby Creative Agency & 博客模板
欢迎使用我们的创意机构 React Gatsby 模板。 TheRN专为创意机构、公司网站、投资组合网站、摄影师、个人投资组合以及各种个人投资组合 & 企业等而构建。 这个现代和专业的模板提供了现代动画网站等。
Key TheRN带有现代滚动动画、垂直网格线基础设计和带有站点信息视差的 3 列叠加菜单。 TheRn 带有一些功能，例如关于您的业务、带有项目详细信息的很棒的项目、客户评论、您的客户、博客和博客详细信息，并且有一些带有弹出窗口的图像，如中型缩放。 公司页面有一个很棒的团队部分，带有很棒的动画。
TheRN具有完全响应、跨浏览器优化和流畅的动画。 它的功能非常适合现代创意机构和企业网站。
通过遵循多个组件，您可以随心所欲地构建网站。TheRN 文档齐全，非常易于使用，易于定制，加载速度更快，并提供更好的性能。
主要特征
- 建立在最新的 React 和 Gatsby 之上
- 反应挂钩
- 现代动画
- 平滑滚动动画
- 搜索引擎优化友好
- 完全响应式布局
- 加载速度快
- 跨浏览器支持
结论
如果您是 React 开发人员，正在寻找一些最好的 Gatsby JS 主题 & 模板 ? 不要再犹豫了！ 该博客向您展示了 2022 年可用的一些最佳 Gatsby JS 模板。
