博客

React2Static

将 Google AI Studio 项目转换为可部署的 Web 应用

💻 React → HTML/CSS/JS

点击或拖拽上传 ZIP 文件

支持 Google AI Studio 生成的项目

💰

完全免费

无需服务器,所有构建在浏览器中完成

🔒

隐私安全

代码不会上传到服务器,完全本地处理

快速部署

一键生成可部署的静态文件包

免费快速部署你的 AI 编程项目

我个人没有编程背景,所以一开始也找了很多方式来快速部署我的项目。我非常想以一种更正式的方式分享我设计的 website,这是我个人使用下来目前看上去最快速的部署方式。如果你知道什么更好的方式,也可以在 Discord 中联系我,如果 work,我会更新的。

1

下载上方构建好的 ZIP 文件并解压成普通文件夹

2

访问 dash.cloudflare.com 并登录(没有账号则免费注册)

3

在左侧找到 Workers & Pages,点击进入

4

点击 Create application

5

在页面下方找到小字 "Looking to deploy Pages? Get started",点击 Get started

Cloudflare Pages Get Started
6

选择 Drag and drop your files 方式

7

输入你喜欢的 Project name

8

将解压后的文件夹直接拖拽到上传区域

9

等待部署完成,看到成功页面后,点击以 .pages.dev 结尾的链接即可访问你的网站

Deployment Success

🎉 恭喜!现在你可以把这个链接分享给朋友,他们会大吃一惊的!

关于免费域名

Cloudflare 会自动给你一个免费的 .pages.dev 域名,直接就能用,不用花钱买域名。这个域名自带 HTTPS 和全球加速,如果只是想分享给朋友看看,或者自己用用,完全够了。除非你有特殊需求(比如想要个更专业的域名),否则这个免费域名就挺好的。

绑定自定义域名(完全可选)

在 Cloudflare Registrar 购买域名(推荐)或使用已有域名

在 Pages 项目设置中点击 Custom domains → Set up a custom domain

输入域名并按提示完成 DNS 配置,等待生效后即可访问

顺便一提,这个网站本身也是 AI coding 的成果!

不过由于每个人的实际情况千差万别,加上偶尔的误操作,大家在部署过程中可能会遇到各种各样的问题(我自己也踩过不少坑)。遇到这种情况,你可以试试重新执行一遍流程——虽然听起来有点笨,但往往很管用。如果还是解决不了,也可以考虑寻求专业团队的帮助 ↓

下面这家就是我之前创业项目的合作方,当时他们的专业和效率给我留下了很深的印象。

SPONSORED

感谢 Fronami 技术公司赞助 - 为初创团队提供专业项目外包

你的时间和创意无比重要

Fronami 提供快速、高效、周到的服务,帮助初创团队实现产品想法:

你是否想为你的网站添加登录注册,甚至支付功能获得收入?
你是否想集成广告平台,无需任何操作即可获得被动收入?
你是否想把设计稿变成 Android/iOS App,助力融资?
或者你只是想迈出第一步,搭建你的独立站?

我们在印度和中国都有开发团队,最大限度节约你的成本。

已服务 100+ 初创团队 · 平均 3 小时内响应

起步价格 ¥2,000

你的每一分钱都物有所值

联系我们

邮箱联系
[email protected]邮箱咨询

如需通过邮箱联系我们,建议您将需求或 AI Studio 的 package 打包发送,并附上具体需求说明。我们将在评估后尽快为您提供报价。我们严格遵守欧洲用户信息保护法规,确保您的创意和信息绝不会泄露。

微信联系
Fronami 销售微信二维码

扫码添加销售微信

支持部署到 Cloudflare PagesVercelNetlify

Made with ❤️ for Google AI Studio users