https://cypress1.vercel.app/
Welcome to the Notion Clone project! This is an open-source project aiming to replicate the core functionalities of Notion, using modern web development technologies such as Next.js, TypeScript, Tailwind CSS, and Supabase.
✨ Dynamic Page Creation: Create and manage pages dynamically, similar to Notion. 📝 Rich Text Editor: Edit content with a rich text editor. 🗄️ Database Integration: Utilize Supabase for backend database services. 📱 Responsive Design: Mobile-friendly UI built with Tailwind CSS. 🔐 Authentication: Secure user authentication with Supabase Auth. 🤝 Real-time Collaboration: Collaborate in real-time on pages.
https://github.com/user-attachments/assets/4596de47-b22c-4fad-a9af-c64689232821
https://github.com/user-attachments/assets/d41a53c3-0ddf-4630-a17e-d314437b3186
Make sure you have the following installed on your machine:
Clone the repository:
git clone https://github.com/alok-mishra143/notionV2.git
cd notionV2
Install dependencies:
Using npm:
npm install
Or using yarn:
yarn install
Setup environment variables:
Create a .env.local
file in the root directory and add the following:
DATABASE_URL=your-database-url
NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
SERVICE_ROLE_KEY=your-service-role-key
PW=your-password
NEXT_PUBLIC_SITE_URL=http://localhost:3000/
Replace the placeholder values with your actual Supabase project details.
Start the development server:
Using npm:
npm run dev
Or using yarn:
yarn dev
Open your browser and navigate to http://localhost:3000
to see the application running.
We welcome contributions! Follow these steps to contribute:
git checkout -b feature/your-feature-name
).git commit -m 'Add some feature'
).git push origin feature/your-feature-name
).Please ensure your code adheres to our coding standards and passes all tests.
This project is licensed under the MIT License. See the LICENSE file for details.
If you have any questions or need further assistance, please open an issue or reach out to us.
Happy coding! 🚀