ai prompt sharing

배포를 봅니다

이것은 다음.js 프로젝트 create-next-app 으로 부트 스트랩입니다.

시작하기

먼저 개발 서버를 실행합니다.

npm run dev
# or
yarn dev
# or
pnpm dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

app/page.js 수정하여 페이지 편집을 시작할 수 있습니다. 파일을 편집 할 때 페이지가 자동 업데이트됩니다.

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

자세히 알아보십시오

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

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

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

Vercel에 배포하십시오

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

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

프로젝트 구조 :

• /app/ - 각각의 폴더에 각 페이지가있는 다음 .js 앱 (Nextjs는 폴더 기반 라우팅이 있고 URL의 PathName은 폴더 이름이므로 페이지가 렌더링됩니다).
  • /app/api/ - 다음 .js api loutes/backend
  • /app/folder/ - 폴더 기반 라우팅, 각 경로에 대한 페이지 (폴더 이름)
• /components/ - 일부 논리가있는 재사용 가능한 UI 구성 요소
• '/models/` - 데이터베이스의 스키마 모델
• /public/ - 다음 .js 공개 디렉토리
• /styles/ - 다음 .js 스타일 디렉토리
• /utils/ - MongoDB 데이터베이스에 연결하기 위해 ConnectTodb와 같은 일부 유틸리티 기능 만

환경 변수 :

• 다음 변수로 루트에서 .env를 만듭니다.

 GOOGLE_ID=
GOOGLE_CLIENT_SECRET=
MONGODB_URI=
NEXTAUTH_URL=
NEXTAUTH_URL_INTERNAL=
NEXTAUTH_SECRET=

사용 된 패키지 :

• next - 다음 -js 프레임 워크
• next-auth -The Next.js 인증 라이브러리
• mongodb Mongodb 드라이버
• mongoose Mongodb ODM
• react -react.js 프레임 워크
• react-dom -React.js dom 렌더러
• tailwindcss 스타일링 용

Vercel에 배포되었습니다

• 배포를 봅니다

크레딧 : JavaScript Mastery -Adrian Hajdin