landingpagegpt public

ランディングページGPT

このプロジェクトでは、GPT-4 (または GPT-3.5turbo) を利用して、キャンペーンの説明を魅力的で視覚的に魅力的な Web コンテンツに変換することで、クールなランディング ページを作成します。

仕組み

GPT-4 を使用して入力に基づいてセクションを生成します。ユーザーは独自のセクションを再構築して追加し、Vercel Edge を使用して各コンポーネントの HTML をストリーム生成します。

ローカルで実行する

ローカル マシンにリポジトリのクローンを作成します。

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

OpenAIでアカウントを作成してAPIキーを取得します。

リポジトリのクローンを作成した後、OpenAI に移動してアカウントを作成します

API キーを .env に保存する

プロジェクトのルートディレクトリにenvでファイルを作成します。そして、そこに API キーを保存します。 .local.env ファイル。以下を追加します。

 DATA_API_KEY="sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

依存関係をインストールします。

npm install

アプリケーションを実行しています。

次に、コマンド ラインでアプリケーションを実行すると、 http://localhost:3000で利用できるようになります。

npm run dev

ワンクリックで導入

Vercel を使用して例をデプロイします。