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.