🧠 Notion Clone

A full-featured clone of Notion built with modern web technologies.
Report Bug | Request Feature

• Blocknote/core - Notion-style rich text editor
• Next.js – Full-stack React framework
• Tailwind CSS – Utility-first styling
• Edge Store – File uploads
• NextAuth (Google) – Authentication
• Prisma + SQLite – Document data store
• Zustand – State management
• Zod – Type-safe validation

📝 Notion-style block editor
🧾 Infinite nested documents
🗑️ Trash bin with soft delete & recovery
📁 Upload cover images to Edge Store
🖼️ Customizeble cover image per document
📎 Custom icons for documents, with real-time updates
📂 Expandable and collapsible sidebar navigation
📱 Fully responsive (mobile + desktop)
🔐 Google sign-in with user workspaces
📤 Publish pages with shareable links

• Node.js
• Yarn or npm

1. Clone the Repository

git clone https://github.com/sofiahernandes/notion-clone.git
cd notion-clone

3. Install Dependencies

npm install
# or
yarn install

4. Set Up Environment Variables (.env)

# Edge Store (file upload)
EDGE_STORE_ACCESS_KEY=""
EDGE_STORE_SECRET_KEY=""

# Auth
GOOGLE_CLIENT_ID=""
GOOGLE_CLIENT_SECRET=""
NEXTAUTH_URL="http://localhost:3000"
NEXTAUTH_SECRET=""

# Database
DATABASE_URL="file:./dev.db"

5. Run database migrations

npx prisma migrate dev --name init

6. Start the Development Server

npm run dev
# or
yarn dev

Contributions are what make the open-source community amazing. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/my-feature)
3. Commit your Changes (git commit -m 'Add some feature')
4. Push to the Branch (git push origin feature/my-feature)
5. Open a Pull Request

This project is licensed under the MIT License.
You are free to use, modify, and share this project — just give proper credit!

📩 Let's connect!

∙ ∙ ∙