perf: dynamic import viewer three.js (tách khỏi bundle chính)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
tuyenio
2026-06-25 09:31:52 +07:00
parent 2bd2a42dcf
commit a0c202546e
4 changed files with 40 additions and 4 deletions
@@ -0,0 +1,20 @@
"use client";
import dynamic from "next/dynamic";
import type { Antiquity } from "@/app/content";
const AntiquityShowcase = dynamic(
() => import("@/app/components/antiquity/AntiquityShowcase").then((m) => m.AntiquityShowcase),
{
ssr: false,
loading: () => (
<div className="mx-auto max-w-7xl px-4 py-16 text-center text-sm text-[var(--muted-foreground)] sm:px-6">
Đang tải phòng trưng bày 3D
</div>
),
},
);
export default function AntiquityShowcaseClient({ items }: { items: Antiquity[] }) {
return <AntiquityShowcase items={items} />;
}