π― MindCanvas provides a single space for organizing everything that matters similar to Notion. It offers a clean and open surface for thinking, writing, and planning. It is made using NextJS, Tailwind CSS, Typescript, EdgeStore For Storing Images, Clerk For Authentication, Convex As Our Database
First, Clone The Repo The Repository
git clone https://github.com/psykat1116/MindCanvas.git
Start The Server on the Local Server. Change The Folder Name To Lower Case.
cd MindCanvas
npm run dev
Create a .env.local File In The Root Folder With The Given Environment Variable
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
CONVEX_DEPLOY_KEY=
Log In to the Edge Store And Add A New Project. You Will Get Two Key
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
Login Into The Clerk Create A New Project And Select What Login Option You Want To Keep Then Create The Project. You Will Get Two Key
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
Create An Account In Convex And Create A New Project
npm install convex
Go To The Convex & Clerk And Go Through The Following Steps Mentioned Below Complete Upto Step 4
and then Run The Following Commands.
npm install @clerk/clerk-react
npx convex dev
At The Time Of Development npx convex dev
Must Run All The Time During Development. The Deployment URL
Will Be In Settings In Development Mode Then Put It To The Variable.
NEXT_PUBLIC_CONVEX_URL=
At The Time Of Deploying Go To The Project Details In Change From Development
To Production
.Then Go To The Project Settings and Copy The Deployment URL
to NEXT_PUBLIC_CONVEX_URL
And Create a New Deploy Key
And Paste It To CONVEX_DEPLOY_KEY
NEXT_PUBLIC_CONVEX_URL=
CONVEX_DEPLOY_KEY=