Introduction
Welcome to CODEFLUSS – the Local-First Page Builder for professional teams.
Overview
CODEFLUSS is a modern, Local-First Page Builder that combines the speed of native desktop applications with the flexibility of modern web technologies. This documentation will help you get started quickly with CODEFLUSS and make the most of the platform.
What is CODEFLUSS?
CODEFLUSS is more than just a page builder. It's a complete platform for professional website creation with an integrated design system, AI assistant, and real-time collaboration.
The Local-First architecture means that all changes are visible immediately – no loading times, no spinners. Your data is stored locally and seamlessly synchronized with the cloud.
Key Features
CODEFLUSS offers a variety of powerful features:
Page Builder
The WYSIWYG editor enables visual editing in every phase. The grid-based layout system makes responsive designs effortless.
Design System
8 design categories with Draft/Publish workflow. Change colors, typography, and animations safely with rollback capability.
AI Studio
Generate images and SVGs at the push of a button. The AI assistant analyzes your design and suggests improvements.
Real-time Collaboration
Work simultaneously with your team on projects. YJS-based CRDTs ensure conflict-free collaboration.
Architecture
CODEFLUSS is built on a modern architecture with Next.js 15, React 19, and TypeScript. Local-First synchronization is handled via Zero Sync.
// Example: Create a project
const project = await createProject({
name: "My Website",
template: "landing-page",
locale: "en"
});Data is stored in IndexedDB and synchronized with the server via WebSockets. This enables offline work and instant response times.
Next Steps
Ready to get started? Here are the recommended next steps:
- Installation – Set up your development environment
- Quick Start – Create your first project in 5 minutes
- Core Concepts – Understand the basics of CODEFLUSS
- Page Builder Guide – Learn the visual editing tools