WebCraft
No-code website builder with AI content
In short: WebCraft (SaaS / Website Builder) is a case study from Daniyal Alam’s portfolio: No-code website builder with AI content. Core stack: Next.js, React, TypeScript.
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.
- Industry
- SaaS / Website Builder
- Scope
- Production SaaS & full-stack systems
- Core stack
- Next.js · React · TypeScript · Tailwind
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.
Technical challenges
The engineering problems this build had to get right.
- Editor state ↔ server persistence sync
- Drag-drop performance at 100+ blocks
- Celery job reliability & retries
Architecture
Implementation — what shipped
Engineering notes
Lesson for similar SaaS builds: design for editor state ↔ server persistence sync and drag-drop performance at 100+ blocks up front — these are the parts that are expensive to retrofit once the feature list grows.
Technologies
- Next.js
- React
- TypeScript
- Tailwind
- Tiptap
- dnd-kit
- Django
- Celery
- PostgreSQL
- Redis
- Cloudflare R2
Building something similar?
A 30-minute discovery call is enough to scope the approach and a realistic budget. Related at DanixSoft: SaaS Development, Python Engineering, Cloud & DevOps.