landingpagegpt public

登陸頁面GPT

該專案利用 GPT-4（或 GPT-3.5turbo）將活動描述轉換為引人入勝且視覺上吸引人的網頁內容，創建了一個很酷的登陸頁面。

它是如何運作的

它使用 GPT-4 根據輸入產生部分，使用者可以重組和添加自己的部分，然後使用 Vercel Edge 和流生成每個組件的 Html。

本地運行

將儲存庫克隆到本機。

git clone https://github.com/mohamedcherifmo/landingpagegpt-public.git

在 OpenAI 上建立帳戶以取得 API 金鑰。

克隆repo後，去OpenAI註冊一個帳戶

將 API 金鑰儲存在 .env 中

使用 env 在專案根目錄中建立一個檔案。並將您的 API 金鑰儲存在其中，例如。 .local.env 檔案。添加以下內容：

 DATA_API_KEY="sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

安裝依賴項。

npm install

運行應用程式。

然後，在命令列中運行該應用程序，它將在http://localhost:3000上可用。

npm run dev

一鍵部署

使用 Vercel 部署範例：