Skip to content
All work
EnterpriseSaaS / Website Builder

WebCraft

No-code website builder with AI content

A full-stack no-code website builder: pick a theme, customise via a drag-and-drop editor with rich text, and publish live — with AI image editing and custom-domain mapping.

The Problem

Non-technical users struggle to build professional sites; existing builders are bloated or require code.

The Solution

A Next.js drag-and-drop editor backed by a Django REST API managing sites, pages and forms, with Cloudflare R2 media, AI image removal and one-click publish.

Key Features

Drag-and-drop block builder (dnd-kit)
Tiptap rich-text editing
Real-time preview & live publish
Custom domain mapping
Form builder with submission tracking
AI image removal (remove.bg)
Undo/redo (Zundo)
Google OAuth + email notifications (Resend)

Architecture

Frontend
Next.js 14 + React 18 + TypeScript + Tailwind + Tiptap + dnd-kit
Backend
Django 4.2 + DRF + Celery
Database
PostgreSQL (Neon) + Redis (Upstash)
Infrastructure
Cloudflare R2, Resend, remove.bg, Unsplash

Engineering Challenges

  • Editor state ↔ server persistence sync
  • Drag-drop performance at 100+ blocks
  • Celery job reliability & retries

Tech Stack

Next.jsReactTypeScriptTailwindTiptapdnd-kitDjangoCeleryPostgreSQLRedisCloudflare R2
Live demo, screenshots and walkthrough video — slots are ready for these assets.