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:
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.gitNavigate to the project directory and install the dependencies:
cd jotion
npm installTo 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 devThen 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:
This project is licensed under the MIT License.