next openai starter

Next.js Openai 스타터 앱

OpenAI의 API를 NEXT.JS 응용 프로그램에 통합하기위한 스타터 키트입니다. 최소한의 스타일링과 기본 API 통합으로 제작되므로 제거하고 자신만의 라이브러리를 가져와 자신만의 라이브러리를 가져올 수 있습니다. 자유롭게 포크하고 놀라운 것을 창조하십시오!

시작하기

먼저, 레포를 개발자 환경으로 포크하고 패키지를 설치하십시오.

npm install
# or
yarn

그런 다음 개발 서버를 실행합니다.

npm run dev
# or
yarn dev

yarn 외에 무언가를 사용하는 경우 다른 패키지 관리자 잠금 장치를 삭제하십시오. http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

중요한!

.env.example 파일에서 OPENAI_API_KEY=yourApiKey 업데이트 한 다음 파일 이름을 .env.local 로 변경하십시오. OpenAI로 계정을 작성한 다음 여기에서 탐색하여 API 키를 얻을 수 있습니다.

Openai API 엔드 포인트

OpenAi의 API 경로는 src/pages/api/openai.js 에 있습니다.

pages/api 디렉토리는 /api/* 에 매핑됩니다. 이 디렉토리의 파일은 React 페이지 대신 API 경로로 취급됩니다.

이 프로젝트는 next/font 사용하여 사용자 정의 Google 글꼴 인 Inter를 자동으로 최적화하고로드합니다.

자세히 알아보십시오

JS 및 OpenAi에 대한 자세한 내용은 다음 리소스를 살펴보십시오.

다음 .js

• Next.js 문서 - Next.js 기능 및 API에 대해 알아보십시오.
• 다음.js- 대화식 Next.js 튜토리얼을 배우십시오.

Openai

• OpenAi 문서화 - Abou Openai의 기능과 API를 배우는 방법뿐만 아니라 사용 방법을 배우십시오.
• OpenAi 예제 - OpenAi로 이미 다른 사람들이 만든 것을보십시오.

JS Github 리포지토리를 확인할 수 있습니다. 귀하의 의견과 기부금을 환영합니다!

Vercel에 배포하십시오

Next.js 앱을 배포하는 가장 쉬운 방법은 Next.js의 제작자의 Vercel 플랫폼을 사용하는 것입니다.

자세한 내용은 Next.js 배포 문서를 확인하십시오.