@hua-labs/create-hua-ux 0.1.0-alpha.0.1

package/templates/nextjs/components/I18nProviderWrapper.tsx

@@ -0,0 +1,19 @@
+'use client';
+
+import { createZustandI18n } from '@hua-labs/i18n-core-zustand';
+import { useAppStore } from '@/store/useAppStore';
+
+// Client Component 내에서 I18nProvider 생성
+// Server Component에서 함수를 전달하는 문제를 방지하기 위해 Client Component로 분리
+const I18nProvider = createZustandI18n(useAppStore, {
+  fallbackLanguage: 'en',
+  namespaces: ['common'],
+  translationLoader: 'api',
+  translationApiPath: '/api/translations',
+  defaultLanguage: 'ko',
+  debug: process.env.NODE_ENV === 'development'
+});
+
+export function I18nProviderWrapper({ children }: { children: React.ReactNode }) {
+  return <I18nProvider>{children}</I18nProvider>;
+}

package/templates/nextjs/lib/i18n-setup.ts

@@ -0,0 +1,11 @@
+import { createZustandI18n } from '@hua-labs/i18n-core-zustand';
+import { useAppStore } from '../store/useAppStore';
+
+export const I18nProvider = createZustandI18n(useAppStore, {
+  fallbackLanguage: 'en',
+  namespaces: ['common'],
+  translationLoader: 'api',
+  translationApiPath: '/api/translations',
+  defaultLanguage: 'ko',
+  debug: process.env.NODE_ENV === 'development'
+});

package/templates/nextjs/middleware.ts.example

@@ -0,0 +1,22 @@
+/**
+ * Next.js Middleware Example
+ * 
+ * ⚠️ Edge Runtime Note: This file runs on Edge Runtime.
+ * If you don't need middleware, you can delete this file.
+ * 
+ * To use this middleware:
+ * 1. Rename this file to middleware.ts
+ * 2. Uncomment the code below
+ * 3. Make sure Edge Runtime is explicitly set
+ */
+
+// import { createI18nMiddleware } from '@hua-labs/hua-ux/framework';
+
+// Edge Runtime 명시 (Vercel 자동 감지 방지)
+// export const runtime = 'edge';
+
+// export default createI18nMiddleware({
+//   defaultLanguage: 'ko',
+//   supportedLanguages: ['ko', 'en'],
+//   detectionStrategy: 'header',
+// });

package/templates/nextjs/next.config.ts

@@ -0,0 +1,36 @@
+import type { NextConfig } from "next";
+
+/**
+ * Next.js Configuration
+ * 
+ * hua-ux 프레임워크는 기본 설정으로 동작합니다.
+ * 필요시 여기에 Next.js 설정을 추가할 수 있습니다.
+ * 
+ * hua-ux framework works with default settings.
+ * You can add Next.js configuration here if needed.
+ * 
+ * @example
+ * ```ts
+ * const nextConfig: NextConfig = {
+ *   images: {
+ *     domains: ['example.com'],
+ *   },
+ *   redirects: async () => {
+ *     return [
+ *       { source: '/old', destination: '/new', permanent: true },
+ *     ];
+ *   },
+ * };
+ * ```
+ */
+const nextConfig: NextConfig = {
+  // hua-ux 프레임워크는 추가 설정이 필요 없지만,
+  // 필요시 여기에 Next.js 설정을 추가할 수 있습니다.
+  // 예: images, redirects, rewrites, headers 등
+  // 
+  // hua-ux framework doesn't require additional configuration,
+  // but you can add Next.js settings here if needed.
+  // Examples: images, redirects, rewrites, headers, etc.
+};
+
+export default nextConfig;

package/templates/nextjs/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+    autoprefixer: {},
+  },
+};

package/templates/nextjs/store/useAppStore.ts

@@ -0,0 +1,8 @@
+import { createI18nStore } from '@hua-labs/state/integrations/i18n';
+
+export const useAppStore = createI18nStore({
+  defaultLanguage: 'ko',
+  supportedLanguages: ['ko', 'en'],
+  persist: true,
+  ssr: true,
+});

package/templates/nextjs/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './app/**/*.{ts,tsx}',
+    './components/**/*.{ts,tsx}',
+  ],
+  // Tailwind 4: Theme variables should be moved to @theme in globals.css
+}

package/templates/nextjs/translations/en/common.json

@@ -0,0 +1,6 @@
+{
+  "welcome": "Welcome",
+  "title": "HUA UX App",
+  "getStarted": "Get Started",
+  "learnMore": "Learn More"
+}

package/templates/nextjs/translations/ko/common.json

@@ -0,0 +1,6 @@
+{
+  "welcome": "환영합니다",
+  "title": "HUA UX 앱",
+  "getStarted": "시작하기",
+  "learnMore": "더 알아보기"
+}

package/templates/nextjs/tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}