landingpagegpt public

랜딩페이지GPT

이 프로젝트는 GPT-4(또는 GPT-3.5turbo)를 활용하여 캠페인 설명을 매력적이고 시각적으로 매력적인 웹 콘텐츠로 변환하여 멋진 랜딩 페이지를 만듭니다.

작동 원리

GPT-4를 사용하여 입력을 기반으로 섹션을 생성하고, 사용자는 자신의 섹션을 재구성하고 추가한 다음 Vercel Edge를 사용하고 각 구성 요소의 Html을 스트리밍 생성할 수 있습니다.

로컬로 실행

저장소를 로컬 시스템에 복제합니다.

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

API 키를 얻기 위해 OpenAI에 계정을 만듭니다.

Repo를 복제한 후 OpenAI로 이동하여 계정을 만드세요.

.env에 API 키 저장

env를 사용하여 프로젝트의 루트 디렉터리에 파일을 만듭니다. 그리고 여기에 API 키를 저장하세요. .local.env 파일. 다음을 추가하세요.

 DATA_API_KEY="sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

종속성을 설치합니다.

npm install

애플리케이션을 실행합니다.

그런 다음 명령줄에서 애플리케이션을 실행하면 http://localhost:3000 에서 사용할 수 있습니다.

npm run dev

원클릭 배포

Vercel을 사용하여 예제를 배포합니다.