Jotion is a clone of the popular note-taking application Notion. It's built with Next.js as a learning exercise, following a tutorial on YouTube.

You can view the live version of the project here.

This project is a fun experiment to create a functional clone of Notion, a popular note-taking and productivity application. If you're looking to understand how to build complex applications using Next.js, then examining the code of this project might be a good start.

This project is built with the following technologies:

• Next.js
• @blocknote/core and @blocknote/react
• @clerk/nextjs
• Zustand
• Zod
• Tailwind CSS

For a complete list of the dependencies, refer to the package.json file.

Firstly, you need Node.js and npm(you can use Yarn too) installed in your system. You can download Node.js from https://nodejs.org/ and npm is included in the Node.js installation.

You can clone this repository using the following command:

git clone https://github.com/Osadhi/jotion.git

Navigate to the project directory and install the dependencies:

cd jotion
npm install

To run this project, you will need to add the following environment variables to your .env file:

CONVEX_DEPLOYMENT - You can set this value as needed for your Convex deployment.

NEXT_PUBLIC_CONVEX_URL - This should match the root URL of your Convex deployment.

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY - Your Clerk publishable key, which you can find in your Clerk dashboard.

CLERK_SECRET_KEY - Your Clerk secret key, which you can also find in your Clerk dashboard.

EDGE_STORE_ACCESS_KEY and EDGE_STORE_SECRET_KEY - Your Edge Store access and secret keys.

You can start the development server using:

npm run dev

Then open http://localhost:3000 with your browser to see Jotion working in action.

This project is built by following a tutorial on YouTube and a GitHub repo. For more information, check out these resources:

• YouTube Tutorial
• GitHub Repository Tutorial

This project is licensed under the MIT License.