Lipi is a work-in-progress open-source SaaS boilerplate that replicates Notion's core workspace experience, built with Next.js 14, shadcn/ui, and TailwindCSS.
What is Lipi?
Lipi is a SAAS web app template that replicates Notion.so, featuring real-time collaboration and customizable workspaces. It runs on Next.js 14 with a TypeScript codebase, styled through shadcn/ui components and TailwindCSS. The project is maintained by rajput-hemant and is licensed under the MIT license. As a work in progress, it provides a foundation for building a note-taking or knowledge-management SaaS product. A live demo is available at https://lipi.rajputhemant.me.
Key Features
- Real-time collaboration — Multiple users can edit documents simultaneously, a core Notion-like feature.
- Customizable workspaces — Users can organize content into workspaces tailored to their needs.
- Next.js 14 framework — Built on the latest App Router structure for server components and API routes.
- shadcn/ui components — A set of accessible, reusable components styled with TailwindCSS.
- Drizzle ORM database layer — Uses drizzle-orm and drizzle-kit for schema management and migrations, with Supabase as a supported database platform.
- OAuth authentication — Supports Google and GitHub sign-in via environment-configured client IDs and secrets.
- Redis rate limiting — Optional rate limiting powered by Upstash Redis, controlled through environment variables.
- One-click Vercel deployment — Deploy a ready-to-go version directly to Vercel via the provided button.
- Docker and Makefile support — Build and start containers with make build and make start, or stop with make stop.
Who is it for?
- Indie hackers — Build a SaaS product around a Notion-style editor without starting from scratch.
- Startup teams — Deploy an internal knowledge base or project workspace tool with real-time editing.
- Developers learning Next.js — Explore a production-grade codebase that integrates authentication, a database, and rate limiting.
What can you do with Lipi?
- Create a note-taking SaaS: Launch a subscription-based collaborative notes app and customize the editor to your brand.
- Build a team wiki: Set up a private workspace where team members can co-author documents in real time.
- Experiment with a Notion clone: Use Lipi as a learning base to understand how a complex editor and real-time sync are implemented in Next.js.
How does Lipi work?
- Clone the repository from GitHub: git clone https://github.com/rajput-hemant/lipi
- Rename .env.example to .env.local and add your own environment variables for authentication, database, and Redis.
- Install dependencies with bun, pnpm, npm, or yarn.
- Run the development server, or deploy straight to Vercel with the provided one-click deploy button.
FAQ
Is Lipi free?
Lipi is open source under the MIT license, so it is free to use and modify. There is no paid tier for the template itself; you only pay for the infrastructure you host, such as Vercel, a database, and Redis.
What tech stack does Lipi use?
Lipi is built with Next.js 14, TypeScript, shadcn/ui, and TailwindCSS. It uses Drizzle ORM for database operations, supports Supabase as a database option, and can integrate Upstash Redis for rate limiting.
How do I deploy Lipi?
You can deploy Lipi to Vercel with a single click using the deploy button in the repository, which clones the repo and sets up environment variables. You can also run it locally with Docker using the provided Makefile commands.
Does Lipi have real-time collaboration?
Yes, real-time collaboration is a stated feature of Lipi. The app is designed to allow multiple users to edit documents simultaneously, similar to Notion.
