π― 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.gitStart The Server on the Local Server. Change The Folder Name To Lower Case.
cd MindCanvas
npm run devCreate 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 convexGo 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 devAt 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=