# Next.js · Nuxt 디자인 생성 (0.15.0)

npm 0.15.0부터 지원합니다. 기존 일반·모바일·관리자·ERP·반도체 컴포넌트를 두 프레임워크 이름으로 선택할 수 있습니다.

```text
/design gallery next
/design semiconductor nuxt
/design select next/semi-wafer
/design code
/design apply app/components/WaferMap.jsx
/design theme code next
```

## Next.js

Next.js 13+ App Router, React 18+ 기준의 JSX 스타터입니다. 생성 파일의 `use client` 경계를 유지하세요. 이벤트 콜백은 Client Component 부모에서 전달해야 합니다. Server Component에서 일반 함수를 props로 넘기지 마세요. Pages Router에서 사용하면 생성 파일의 CSS import를 `pages/_app`으로 옮기세요. 프로젝트가 `src/`를 사용하면 실제 디렉토리에 맞춰 생성합니다.

## Nuxt

Nuxt 3/4, Vue 3.5+ 기준의 SFC입니다. `useId`를 위해 Vue 3.5 이상을 확인하세요. 브라우저 동작은 `onMounted`에서 연결하고 해제합니다. Nuxt 3의 `components/`, Nuxt 4의 `app/components/` 또는 프로젝트의 `srcDir` 설정에 맞춰 생성하세요. 예: `/design select nuxt/semi-wafer` 후 `/design apply app/components/WaferMap.vue`. `.server.vue`로 생성하지 마세요.

앱 생성·의존성 설치·라우팅·서버 API 연결은 자동으로 수행하지 않습니다. 선언 버전 검사는 실제 Next/Nuxt 앱 빌드나 SSR 검증을 대신하지 않습니다.

공식 참고: [Next.js use client](https://nextjs.org/docs/app/api-reference/directives/use-client), [Nuxt 4 components](https://nuxt.com/docs/4.x/directory-structure/app/components).