Replicate SaaS Site-Builder Feature

I’m adding a visual page-builder to my Next.js + Supabase SaaS and need the core editor reproduced to match the experience on sndian .com. I already handle authentication, data models, and deployment; the missing piece is the editor itself with the following capabilities:

• Drag-and-drop canvas that feels as fluid as the competitor’s, built in React/Next.js.
• A library of reusable, responsive blocks that can be arranged into complete pages.
• Two starter template groups—landing pages and portfolio pages—generated through the same section system the canvas uses so content stays editable later.
• Clean, intuitive UI that slots into my existing Tailwind design tokens without rewriting the rest of the dashboard.
• State saved to Supabase in JSON (or similar) so pages can be rendered statically at build time or on demand.

Acceptance criteria
– Editor loads inside an existing Next.js route and works across modern browsers.
– All drag, resize, duplicate, undo/redo, and device preview interactions function smoothly.
– Landing-page and portfolio templates render pixel-perfect at desktop, tablet, and mobile breakpoints.
– Code is documented and handed over in a Git pull request with clear setup steps and component tests.
– UX and UI is exactly 100% parity with sndian com
If you’ve built page builders, e-commerce theme editors, or similar React tooling, this should feel familiar. I’m happy to answer architecture questions quickly so you can focus on crafting a delightful, reliable editing experience.