Leapcell에 Next.js 앱 배포
몇 단계만으로 Leapcell에 Next.js 앱을 빠르게 배포하세요. 예제 앱 또는 사용자 정의 앱을 사용할 수 있습니다.
정보
계속하려면 GitHub 계정이 필요합니다. 계정이 없는 경우 GitHub 웹사이트에서 만들 수 있습니다.
1. GitHub에서 Next.js boilerplate를 포크하세요.
Repo: Next.js boilerplate
이것은 Next.js 튜토리얼을 기반으로 하는 단순화된 Next.js 프로그램입니다.
Next.js를 처음 사용하는 경우 Next.js 튜토리얼을 먼저 따라하는 것이 좋습니다.
2. Leapcell Dashboard에서 서비스를 생성하고 새 리포지토리를 연결합니다.
Leapcell Dashboard로 이동하여 새 서비스 버튼을 클릭합니다.
"새 서비스" 페이지에서 방금 포크한 리포지토리를 선택합니다.
팁
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이 표시됩니다. 서비스 페이지에 표시된 도메인을 방문하세요.
지속적인 배포
연결된 브랜치에 대한 모든 푸시는 자동으로 빌드 및 배포를 트리거합니다. 실패한 빌드는 안전하게 취소되어 다음 성공적인 배포까지 현재 버전이 실행됩니다.
지속적인 배포에 대해 자세히 알아보세요.