Nuxt

Nuxt는 웹 개발을 직관적이고 강력하게 만드는 오픈 소스 프레임워크입니다.

빠른 시작

Turborepo에서 Nuxt를 빠르게 시작하려면 with-vue-nuxt 예제를 사용하세요:

pnpm dlx create-turbo@latest -e with-vue-nuxt

기존 저장소에 Nuxt 애플리케이션 추가하기

Nuxt의 CLI인 Nuxi를 사용하여 패키지에 새 Nuxt 애플리케이션을 설정합니다. 저장소의 루트에서 다음을 실행하세요:

pnpm dlx nuxi@latest init apps/my-app

저장소와 통합하기

새 애플리케이션에 내부 패키지를 추가하려면 패키지 매니저를 사용하여 앱에 설치하세요:

{
  "name": "my-app",
  "dependencies": {
+   "@repo/ui": "workspace:*"
  }
}

패키지 매니저의 install 명령을 실행해야 합니다. 또한 저장소의 사용 사례에 맞게 package.json의 scripts를 업데이트해야 할 수도 있습니다.

작업 사용자 정의

기본적으로 새 애플리케이션은 루트 turbo.json에 정의된 작업을 사용합니다. 새 애플리케이션에 대해 작업을 다르게 구성하려면 패키지 구성을 사용하세요.

마이크로프론트엔드

Turborepo의 마이크로프론트엔드와 함께 Nuxt를 사용할 때는 하위 애플리케이션에 대해 basePath 속성을 설정해야 합니다. 이렇게 하면 이미지 및 CSS와 같은 자산이 올바른 애플리케이션으로 라우팅됩니다.

import { defineConfig } from 'vite';
 
export default defineConfig({
  base: '/thing',
});