November, 2023.
A Notion Clone web application built with Next.js, React, Tailwind CSS, TypeScript, Convex, Clerk Auth, Edge Store, and Zustand.
- Create, edit, and organize notes in a Notion-like interface.
- Real-time updates for editing using Convex.
- User authentication and management with Clerk Auth.
- File upload and storage using Edge Store.
- Responsive design with Tailwind CSS.
- State management using Zustand.
These instructions will help you set up and run the project on your local machine for development and testing purposes.
- Clone the repository:
git clone https://github.com/evanch98/notion-clone-nextjs.git
cd your-repo-name- Install the required dependencies:
npm install- Configure environment variables:
Create a
.env.localfile in the project root and set the necessary environment variables.
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
- Run the development server:
npm run dev- Start building and customizing your Notion Clone!