[tag]0.1-vcci

src/app/(main)/[...slug]/DynamicPageClient.tsx

@@ -321,6 +321,7 @@ export default function DynamicPageClient() {
   if (resolvedCategory?.type === "news") {
     return (
       <NewsPage
+        key={resolvedCategory.id}
         category={resolvedCategory}
         allCategories={allCategories}
       />

src/app/(main)/[...slug]/static-pages/AnPham.tsx

@@ -32,22 +32,15 @@ export default function AnPham({ category, allCategories }: AnPhamProps) {
   const pathname = usePathname();
   const searchParamsString = searchParams.toString();
 
-  const initialPage = Number(searchParams.get("page") ?? "1");
-  const [searchInput, setSearchInput] = useState("");
-  const [submitSearch, setSubmitSearch] = useState("");
+  const pageParam = Number(searchParams.get("page") ?? "1");
+  const initialPage = Number.isFinite(pageParam) && pageParam > 0 ? Math.floor(pageParam) : 1;
+  const initialQuery = searchParams.get("q") ?? "";
+  const [searchInput, setSearchInput] = useState(initialQuery);
+  const [submitSearch, setSubmitSearch] = useState(initialQuery);
   const [page, setPage] = useState(initialPage);
   const pageSize = 8;
   const keyword = submitSearch.trim();
 
-  // Auto-search with debounce
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setSubmitSearch(searchInput);
-      setPage(1);
-    }, 500);
-    return () => clearTimeout(timer);
-  }, [searchInput]);
-
   useEffect(() => {
     const params = new URLSearchParams(searchParamsString);
     if (page > 1) {
@@ -56,6 +49,12 @@ export default function AnPham({ category, allCategories }: AnPhamProps) {
       params.delete("page");
     }
 
+    if (keyword) {
+      params.set("q", keyword);
+    } else {
+      params.delete("q");
+    }
+
     const qs = params.toString();
     const nextUrl = qs ? `${pathname}?${qs}` : pathname;
     const currentUrl = searchParamsString ? `${pathname}?${searchParamsString}` : pathname;
@@ -63,7 +62,7 @@ export default function AnPham({ category, allCategories }: AnPhamProps) {
     if (nextUrl !== currentUrl) {
       router.replace(nextUrl, { scroll: false });
     }
-  }, [page, pathname, router, searchParamsString]);
+  }, [page, keyword, pathname, router, searchParamsString]);
 
   const filters = [
     category?.id ? `category.id==${category.id}` : null,

src/app/(main)/[...slug]/static-pages/ThuVienTaiLieu.tsx

@@ -32,22 +32,15 @@ export default function ThuVienTaiLieu({ category, allCategories }: ThuVienTaiLi
   const pathname = usePathname();
   const searchParamsString = searchParams.toString();
 
-  const initialPage = Number(searchParams.get("page") ?? "1");
-  const [searchInput, setSearchInput] = useState("");
-  const [submitSearch, setSubmitSearch] = useState("");
+  const pageParam = Number(searchParams.get("page") ?? "1");
+  const initialPage = Number.isFinite(pageParam) && pageParam > 0 ? Math.floor(pageParam) : 1;
+  const initialQuery = searchParams.get("q") ?? "";
+  const [searchInput, setSearchInput] = useState(initialQuery);
+  const [submitSearch, setSubmitSearch] = useState(initialQuery);
   const [page, setPage] = useState(initialPage);
   const pageSize = 8;
   const keyword = submitSearch.trim();
 
-  // Auto-search with debounce
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setSubmitSearch(searchInput);
-      setPage(1);
-    }, 500);
-    return () => clearTimeout(timer);
-  }, [searchInput]);
-
   useEffect(() => {
     const params = new URLSearchParams(searchParamsString);
     if (page > 1) {
@@ -56,6 +49,12 @@ export default function ThuVienTaiLieu({ category, allCategories }: ThuVienTaiLi
       params.delete("page");
     }
 
+    if (keyword) {
+      params.set("q", keyword);
+    } else {
+      params.delete("q");
+    }
+
     const qs = params.toString();
     const nextUrl = qs ? `${pathname}?${qs}` : pathname;
     const currentUrl = searchParamsString ? `${pathname}?${searchParamsString}` : pathname;
@@ -63,7 +62,7 @@ export default function ThuVienTaiLieu({ category, allCategories }: ThuVienTaiLi
     if (nextUrl !== currentUrl) {
       router.replace(nextUrl, { scroll: false });
     }
-  }, [page, pathname, router, searchParamsString]);
+  }, [page, keyword, pathname, router, searchParamsString]);
 
   const filters = [
     category?.id ? `category.id==${category.id}` : null,

src/app/(main)/[...slug]/templates/news-page/index.tsx

@@ -57,22 +57,15 @@ export default function NewsPage({ category, allCategories }: NewsPageProps) {
   const pathname = usePathname();
   const searchParamsString = searchParams.toString();
 
-  const initialPage = Number(searchParams.get("page") ?? "1");
-  const [searchInput, setSearchInput] = useState("");
-  const [submitSearch, setSubmitSearch] = useState("");
+  const pageParam = Number(searchParams.get("page") ?? "1");
+  const initialPage = Number.isFinite(pageParam) && pageParam > 0 ? Math.floor(pageParam) : 1;
+  const initialQuery = searchParams.get("q") ?? "";
+  const [searchInput, setSearchInput] = useState(initialQuery);
+  const [submitSearch, setSubmitSearch] = useState(initialQuery);
   const [page, setPage] = useState(initialPage);
   const pageSize = 10;
   const keyword = submitSearch.trim();
 
-  // Auto-search with debounce
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setSubmitSearch(searchInput);
-      setPage(1);
-    }, 500);
-    return () => clearTimeout(timer);
-  }, [searchInput]);
-
   useEffect(() => {
     const params = new URLSearchParams(searchParamsString);
     if (page > 1) {
@@ -81,6 +74,12 @@ export default function NewsPage({ category, allCategories }: NewsPageProps) {
       params.delete("page");
     }
 
+    if (keyword) {
+      params.set("q", keyword);
+    } else {
+      params.delete("q");
+    }
+
     const qs = params.toString();
     const nextUrl = qs ? `${pathname}?${qs}` : pathname;
     const currentUrl = searchParamsString ? `${pathname}?${searchParamsString}` : pathname;
@@ -88,7 +87,7 @@ export default function NewsPage({ category, allCategories }: NewsPageProps) {
     if (nextUrl !== currentUrl) {
       router.replace(nextUrl, { scroll: false });
     }
-  }, [page, pathname, router, searchParamsString]);
+  }, [page, keyword, pathname, router, searchParamsString]);
 
   const filters = `category.id==${category.id}${keyword ? `,title@=${keyword}` : ""},is_hidden==false,is_active==true,type==news`;
 

src/proxy.ts

+import { NextRequest, NextResponse } from "next/server";
+
+import { LEGACY_ID_MAP, LEGACY_SLUG_MAP } from "@/lib/legacy-redirect-map";
+
+/**
+ * Redirect cac link cu cua site WordPress ve slug hien tai trong CMS moi:
+ *   - ?p=<id>  (link kieu ?p=11051)
+ *   - .../ten-bai.html  (permalink cu co duoi .html)
+ *   - /ten-bai  (slug cu bi doi)
+ * Map tu dong tao boi migration/scripts/build-redirect-map.mjs.
+ *
+ * Next.js 16: middleware.ts -> proxy.ts (cu), ham export 'proxy'.
+ */
+export default function proxy(req: NextRequest) {
+	// 1. ?p=<id>
+	const p = req.nextUrl.searchParams.get("p");
+	if (p) {
+		const slug = LEGACY_ID_MAP[p];
+		if (slug) {
+			return NextResponse.redirect(new URL("/" + slug, req.nextUrl.origin), 308);
+		}
+	}
+
+	// 2. duoi .html
+	const pathname = req.nextUrl.pathname;
+	if (pathname.toLowerCase().endsWith(".html")) {
+		const trimmed = pathname.slice(0, -5);
+		const last = trimmed.split("/").filter(Boolean).pop();
+		if (last) {
+			const target = LEGACY_SLUG_MAP[last] ?? last;
+			return NextResponse.redirect(new URL("/" + target + req.nextUrl.search, req.nextUrl.origin), 308);
+		}
+	}
+
+	// 3. slug cu bi doi
+	const clean = pathname.replace(/\/+$/, "").replace(/^\//, "");
+	const mapped = LEGACY_SLUG_MAP[clean];
+	if (mapped) {
+		return NextResponse.redirect(new URL("/" + mapped + req.nextUrl.search, req.nextUrl.origin), 308);
+	}
+
+	return NextResponse.next();
+}
+
+export const config = {
+	matcher: [
+		"/((?!api|admin|uploads|_next/static|_next/image|images/|public/|favicon.ico|thumbnail.png|robots.txt|sitemap.xml|ads.txt).*)",
+	],
+};