upload 29/12

.gitignore

@@ -0,0 +1,42 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+.env.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;

package.json

@@ -0,0 +1,29 @@
+{
+    "name": "hoanghapc",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "dev": "next dev",
+        "build": "next build",
+        "start": "next start",
+        "lint": "eslint"
+    },
+    "dependencies": {
+        "next": "16.1.0",
+        "react": "19.2.3",
+        "react-dom": "19.2.3",
+        "swiper": "^12.0.3"
+    },
+    "devDependencies": {
+        "@tailwindcss/postcss": "^4",
+        "@types/node": "^20",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "autoprefixer": "^10.4.23",
+        "eslint": "^9",
+        "eslint-config-next": "16.1.0",
+        "postcss": "^8.5.6",
+        "tailwindcss": "^4.1.18",
+        "typescript": "^5"
+    }
+}

postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

src/app/[slug]/page.tsx

@@ -0,0 +1,43 @@
+import { notFound } from "next/navigation";
+import { findBySlug } from "@/lib/slugMap";
+
+import ProductCategory from "@/components/product/Category";
+import ProductDetail from "@/components/product/ProductDetail";
+import ArticleHome from "@/components/article/Home";
+import ArticleCategory from "@/components/article/Category";
+import ArticleDetail from "@/components/article/ArticleDetail";
+
+
+export default async function SlugPage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+    const { slug } = await params;
+    
+    if (!slug) return notFound();
+
+    const result = findBySlug(slug);
+
+    if (!result) return notFound();
+
+    switch (result.type) {
+        case "product_category":
+        return <ProductCategory slug={slug} />;
+
+        case "product_detail":
+        return <ProductDetail slug={slug} />;
+
+        case "article_home":
+        return <ArticleHome slug={slug} />;
+
+        case "article_category":
+        return <ArticleCategory slug={slug} />;
+
+        case "article_detail":
+        return <ArticleDetail slug={slug} />;        
+
+        default:
+        return notFound();
+    }
+}