notion-clone-nextjs

November, 2023.
A Notion Clone web application built with Next.js, React, Tailwind CSS, TypeScript, Convex, Clerk Auth, Edge Store, and Zustand.

Features

• 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.

Getting Started

These instructions will help you set up and run the project on your local machine for development and testing purposes.

1. Clone the repository:

   git clone https://github.com/evanch98/notion-clone-nextjs.git
   cd your-repo-name
   

2. Install the required dependencies:

   npm install
   

3. Configure environment variables: Create a .env.local file 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=

4. **Run the development server:**
```bash
npm run dev

5. Start building and customizing your Notion Clone!

Technologies Used

• Next.js
• React
• TailwindCSS
• TypeScript
• Convex
• Clerk Auth
• Edge Store
• Zustand

Acknowledgements

• class-variance-authority
• clsx
• cmdk
• emoji-picker-react
• lucide-react
• react-dropzone
• react-textarea-autosize
• sonner
• tailwind-merge
• usehooks-ts
• zod