Leapcell에 Next.js 앱 배포하기
아래 해결 방법으로 문제가 해결되지 않 으면 Leapcell Discord 커뮤니티에 참여하여 추가 지원을 받으십시오.
몇 단계만 거치면 Leapcell에 Next.js 앱을 빠르게 배포할 수 있습니다. 예제 앱 또는 사용자 고유의 앱을 사용할 수 있습니다.
계속하려면 GitHub 계정이 필요합니다. 계정이 없는 경우 GitHub 웹사이트에서 만들 수 있습니다.
1. GitHub에서 Next.js boilerplate를 **포크(Fork)**합니다.
Repo: Next.js boilerplate
이것은 Next.js Tutorial을 기반으로 하는 단순화된 Next.js 프로그램입니다.
Next.js를 처음 사용하는 경우 Next.js Tutorial을 먼저 따르는 것이 좋습니다.
2. Leapcell Dashboard에서 서비스를 생성하고 새 리포지토리를 연결합니다.
Leapcell Dashboard로 이동하여 New Service 버튼을 클릭합니다.
"New Service" 페이지에서 방금 포크한 리포지토리를 선택합니다.
3. 생성하는 동안 다음 값을 제공합니다.
Next.js에는 빌드 단계가 필요하므로 빌드 명령은 npm install && npm run build여야 합니다.
| 필드 | 값 |
|---|---|
| Runtime | Node.js (모든 버전) |
| Build Command | npm install && npm run build |
| Start Command | npm start |
| Port | 3000 |
해당 필드에 이러한 값을 입력합니다.
Leapcell의 기본 포트는 8080이고 Next.js 프레임워크는 3000을 기본 포트로 사용합니다. 이를 올바르게 구성했는지 확인하십시오.
4. 앱에 액세스:
배포가 완료되면 배포 페이지에 foo-bar.leapcell.dev와 같은 URL이 표시됩니다. 서비스 페이지에 표시된 도메인을 방문하십시오.
지속적인 배포
연결된 브랜치에 푸시할 때마다 자동으로 빌드 및 배포가 트리거됩니다. 실패한 빌드는 안전하게 취소되어 다음 성공적인 배포까지 현재 버전이 실행됩니다.
지속적인 배포에 대해 자세히 알아보십시오.