GatsbyReact工具站企业官网启动器

automatic-gatsbyjs-app-landing-page — Gatsby 工具站模板

作者 imedadel

基于 GatsbyJS 的 iOS 应用落地页模板，通过 site-config.js 配置内容，可部署到 Netlify 或 GitHub Pages。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

作者提供的预览

访问演示网站在新标签页打开

作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-30查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

通过 site-config.js 集中配置站点内容，无需编写 HTML 或 CSS

支持上传视频预览或截图作为应用展示素材

提供 Netlify 一键部署按钮，也可构建后发布到 GitHub Pages

可作为 Gatsby Starter 使用 gatsby new 创建独立项目

基于 Emil Baehr 的 Automatic App Landing Page 移植，使用 FontAwesome 图标

采用 MIT 许可，可免费使用、修改与分发

模板详细介绍

这是一个用于生成 iOS 应用落地页的 GatsbyJS 模板，源自 Emil Baehr 的 Automatic App Landing Page 项目，由 Imed Adel 移植到 GatsbyJS。项目定位是让不写 HTML/CSS 的用户也能快速搭建应用展示页面：Fork 仓库后上传视频预览或截图，在 site-config.js 中填写站点信息，即可构建并部署。

使用方式有两种：一是直接 Fork 仓库并通过 Netlify 部署按钮连接，二是作为 Gatsby Starter 使用 gatsby new 命令创建新项目。本地开发执行 npm run develop，构建执行 npm run build，产物可发布到 GitHub Pages 等静态托管。

模板依赖 GatsbyJS 与 FontAwesome，仓库采用 MIT 许可。README 未提供站点配置字段的完整清单，也未说明模板对内容结构、图片尺寸或响应式表现的具体约束，实际可配置项需以仓库中的 site-config.js 为准。

Gatsby工具站企业官网启动器

适合你的项目吗？

适用场景

为已上架的 iOS 应用制作单页介绍与下载引导页面
在 Netlify 或 GitHub Pages 上快速发布应用落地页
作为 Gatsby 项目起点，在其基础上扩展自定义页面结构

适合人群

需要快速上线 iOS 应用展示页、不想从零写前端的开发者
熟悉 Gatsby 或愿意使用 Gatsby Starter 工作流的团队
接受以配置文件驱动内容、不要求可视化编辑的静态站点项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
Fork 仓库后通过 Netlify 部署按钮连接，或使用 gatsby new 将仓库作为 Starter 初始化项目
2
在 site-config.js 中填写站点配置，并放置视频预览或截图素材
3
本地运行 npm run develop 预览，npm run build 生成静态产物后发布到 GitHub Pages 等托管平台
4
演示图片、字体、图标等第三方素材需按各自许可单独核对，MIT 许可仅覆盖代码
5
域名、托管等外部服务可能产生额外费用，需自行确认

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

https://github.com/imedadel/automatic-gatsbyjs-app-landing-page/blob/master/LICENSE https://github.com/imedadel/automatic-gatsbyjs-app-landing-page/blob/master/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 81 / 100
技术栈: Gatsby · React
网站类型: 工具站 · 企业官网 · 启动器

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2023-01-03
截图检查日期: 2026-10-01

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Gatsby。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: a4309e54e8846ad05428035f0d7236ec4edc0a82542be26149dad5e559756b07

2026-10-01T13:27:40.477Z

来源文件 / 仓库


<p align="center">
  <a href="https://www.gatsbyjs.org">
    <img alt="Gatsby" src="https://www.gatsbyjs.org/monogram.svg" width="60" />
  </a>
</p>
<h1 align="center">
  Automatic GatsbyJS App Landing Page
</h1>
<p align="center">
  Create and deploy an iOS app landing page on GitHub Pages and Netlify in a couple of minutes<br><br>
  <img alt="GitHub" src="https://img.shields.io/github/license/ImedAdel/automatic-gatsbyjs-app-landing-page.svg">
  <img alt="GitHub stars" src="https://img.shields.io/github/stars/ImedAdel/automatic-gatsbyjs-app-landing-page.svg">
  <img alt="GitHub forks" src="https://img.shields.io/github/forks/ImedAdel/automatic-gatsbyjs-app-landing-page.svg">
</p>


![Automatic GatsbyJS App Landing Page](https://raw.githubusercontent.com/ImedAdel/Mac-Arabic-Keyboard-for-Windows/master/68747470733a2f2f656d696c62616568722e636f6d2f66696c65732f6a6179736f6e312e706e67.png)
![Automatic GatsbyJS App Landing Page](https://raw.githubusercontent.com/ImedAdel/Mac-Arabic-Keyboard-for-Windows/master/68747470733a2f2f656d696c62616568722e636f6d2f66696c65732f736c6f72312e706e67.png)

----

🔧 Fork this repo

📲 Upload video preview or screenshot

🎨 Customise site in `site-config.js` (no HTML/CSS)

✅ Deploy to Netlify!


[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/ImedAdel/automatic-gatsbyjs-app-landing-page)

<!---
----
<p align="center">
  <a href="https://jamstack.studio">
    <img alt="Jamstack Studio" src="https://raw.githubusercontent.com/ImedAdel/media/master/jamstack.studio_(Laptop%20with%20HiDPI%20screen).png" />
  </a>
</p>
--->
----

Or you can use this repo as a Gatsby Starter
``
gatsby new YourProjectName https://github.com/ImedAdel/automatic-gatsbyjs-app-landing-page
npm run develop # or gatsby develop
``

Then, configure `site-config.js`, run `npm run build`, and deploy the public repository to GitHub 🎉.

## Credits
- Based on [Automatic App Landing Page](https://github.com/emilbaehr/automatic-app-landing-page) by [Emil Baehr](https://emilbaehr.com/)
- Built using [GatsbyJS](https://gatsbyjs.org)
- Uses [FontAwesome](https://fortawesome.github.io/Font-Awesome/)

## Author
[Imed Adel](https://github.com/ImedAdel)

## License
[MIT](LICENSE)

反馈内容错误