This repository is dedicated to Quickflow, an open-source alternative to Notion that aims to provide a superior user experience.
- Next.js 13: A powerful React framework for building modern web applications.
- Shadcn: Beautifully designed components that you can copy and paste into your apps.
- Clerk: Clerk is a complete suite of embeddable UIs, flexible APIs, and admin dashboards to authenticate and manage your users.
- Convex: Convex is a Backend Application Platform that keeps you focused on building your product. Convex Functions, Database, File Storage, Scheduling, and Search fit together cohesively
- TailwindCSS: A utility-first CSS framework for streamlined web application styling.
- Real-time database π
- Notion-style editor π
- Light and Dark mode π
- Infinite children documents π²
- Trash can & soft delete ποΈ
- Authentication π
- File upload
- File deletion
- File replacement
- Icons for each document (changes in real-time) π
- Expandable sidebar β‘οΈπβ¬ οΈ
- Full mobile responsiveness π±
- Publish your note to the web π
- Fully collapsable sidebar
βοΈ - Landing page π¬
- Cover image of each document πΌοΈ
- Recover deleted files ππ
Ensure that you have Node version 18.x.x or a higher version installed.
git clone https://github.com/Nick-h4ck3r/quickflow.git
npm i
# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
npx convex dev
npm run dev
Special thanks to Antonio for his invaluable tutorial, which served as the foundation for building this app. You can find the tutorial here.