Template Builder

เจ้าของผลงานเล่าไว้แบบนี้

https://my-template-builder.vercel.app # Template Builder เครื่องมือสร้างหน้าเว็บแบบ visual builder สร้างด้วย Next.js 15 (App Router), Prisma + PostgreSQL (Neon) และ Cloudinary เดโม: https://my-template-builder.vercel.app/ ## ความสามารถหลัก โปรเจกต์นี้มี editor 2 แบบที่แยกกันอิสระ **Blueprint editor** — editor ที่เขียนขึ้นเองทั้งหมด ใช้สร้างโครงหน้าเว็บจาก element tree ลาก-วางด้วย dnd-kit ปรับ style ได้ทีละ element แยกตามสถานะ (normal / hover / click / active / link) ใช้ระบบตัวแปรสี (color variables) ร่วมกับ theme และ export ออกเป็นไฟล์ HTML/CSS ในรูป .zip ได้ **Project / Component editor** — ครอบ [GrapesJS](https://grapesjs.com/) ใช้แก้หน้าเว็บแบบ WYSIWYG component ที่บันทึกไว้จะกลายเป็น block ให้ลากมาใช้ซ้ำใน editor ได้ **Theme** — ชุด style และ palette สีที่ตั้งไว้ล่วงหน้า นำไปใช้ทับบน blueprint ได้ ## เส้นทางในเว็บ (Sitemap) | Path | คำอธิบาย | |---|---| | `/` | redirect ไป `/blueprint` | | `/blueprint` | หน้า dashboard ของ blueprint | | `/blueprint/editor/[blueprintId]` | หน้า editor ของ blueprint | | `/theme` | หน้า dashboard ของ theme | | `/theme/editor/[themeId]` | หน้า editor ของ theme | | `/project` | หน้า dashboard ของ project | | `/project/editor/[projectId]` | GrapesJS editor ของ project | | `/component` | หน้า dashboard ของ component | | `/component/editor/[componentId]` | GrapesJS editor ของ component | > แถบ navigation ด้านบนมีลิงก์เฉพาะ Blueprint และ Theme ส่วน `/project` กับ `/component` ต้องเข้าผ่าน URL โดยตรง ## เริ่มต้นใช้งาน ต้องมี Node.js 18 ขึ้นไป, ฐานข้อมูล PostgreSQL (แนะนำ [N

โดย gan15932156 · ดูโพสต์ต้นทาง