Next.js 는 풀스택 웹 애플리케이션을 빌드하기 위한 React 프레임워크입니다. 서버 사이드 렌더링, 정적 사이트 생성, API 라우트 등을 지원합니다. Bun 은 빠른 패키지 설치를 제공하며 Next.js 개발 및 프로덕션 서버를 실행할 수 있습니다.
새 Next.js 앱 만들기
대화형 CLI 를 사용하여 새 Next.js 앱을 만듭니다. 이는 새 Next.js 프로젝트를 스캐폴딩하고 종속성을 자동으로 설치합니다.
sh
bun create next-app@latest my-bun-app개발 서버 시작하기
프로젝트 디렉터리로 이동하고 Bun 으로 개발 서버를 실행하세요.
sh
cd my-bun-app
bun --bun run dev이렇게 하면 Bun 런타임으로 Next.js 개발 서버가 시작됩니다.
브라우저로 http://localhost:3000 을 열어 결과를 확인하세요. app/page.tsx 에 가한 모든 변경사항은 브라우저에서 핫 리로딩됩니다.
package.json 의 스크립트 수정하기
package.json 의 scripts 필드를 수정하여 Next.js CLI 명령 앞에 bun --bun 을 붙이세요. 이렇게 하면 dev, build, start 와 같은 일반적인 작업에 Bun 이 Next.js CLI 를 실행합니다.
json
{
"scripts": {
"dev": "bun --bun next dev",
"build": "bun --bun next build",
"start": "bun --bun next start"
}
}호스팅
Bun 의 Next.js 애플리케이션은 다양한 플랫폼에 배포할 수 있습니다.
템플릿
Next.js 애플리케이션 빌드 및 배포에 대한 자세한 내용은 → Next.js 공식 문서 를 참조하세요.