프리뷰 모드: 에디터 크롬 없이 페이지 미리보기 구현

This commit is contained in:
2025-11-18 13:29:51 +09:00
parent adee5c0891
commit b781ad1a2f
4 changed files with 213 additions and 2 deletions
+19
View File
@@ -0,0 +1,19 @@
"use client";
import { useEditorStore } from "@/features/editor/state/editorStore";
import { PublicPageRenderer } from "@/features/editor/components/PublicPageRenderer";
export default function PreviewPage() {
const blocks = useEditorStore((state) => state.blocks);
return (
<main className="min-h-screen flex flex-col bg-slate-950 text-slate-50">
<header className="border-b border-slate-800 px-6 py-4 flex items-center justify-between">
<h1 className="text-xl font-semibold">Page Preview</h1>
<p className="text-xs text-slate-400"> </p>
</header>
{/* 에디터 크롬 없이 순수 페이지 형태로 블록들을 렌더링 */}
<PublicPageRenderer blocks={blocks} />
</main>
);
}