Cella

Cella: Full-Stack TypeScript Template for Sync-Enabled Web Applications

Cella provides developers with a comprehensive, single-stack TypeScript template designed to accelerate the development of web applications requiring real-time data synchronization and offline functionality. It integrates Hono for the backend, React for the frontend, PostgreSQL with Drizzle ORM, and Electric-Sync for its powerful sync engine. This setup aims to streamline the creation of robust, modern web apps with a focus on developer experience and efficient data handling capabilities for complex projects.

Features:

• TypeScript Full-Stack: A comprehensive template built entirely with TypeScript for both frontend and backend.
• Data Sync & Offline Capabilities: Leverages Electric-Sync for real-time data synchronization and offline-first application support.
• CLI Project Scaffolding: Includes a create @cellajs/cella CLI to quickly bootstrap new web applications.
• Hono Backend: Utilizes Hono for building fast and lightweight backend APIs.
• PostgreSQL Database with Drizzle ORM: Integrates PostgreSQL as the database, managed with Drizzle ORM for type-safe queries.
• React Frontend: Provides a React-based frontend structure for building dynamic user interfaces.
• Shadcn UI Components: Incorporates shadcn/ui for a set of beautifully designed and accessible UI components.
• Flexible Setup Options: Offers a quick setup with pglite for rapid development and a full Dockerized setup (Postgres + Electric-Sync) for production-like environments.
• Database Seeding: Includes scripts (pnpm seed) to populate the database with initial data.
• Generated API Documentation: Automatically generates API documentation, accessible locally during development.
• Local Database Management: Provides integration with Drizzle Studio for managing the local database.

Summary:

Cella is a boilerplate designed to help developers quickly start building full-stack TypeScript web applications. It comes pre-configured with a modern technology stack including Hono, React, PostgreSQL, Drizzle ORM, and Electric-Sync, enabling features like real-time data synchronization and offline support. The template aims to simplify the setup process and provide a solid foundation for developing complex, data-driven applications with a focus on maintainability and scalability from the outset.