
BoardV2 is a modern real-time collaborative whiteboard built with a production-style full-stack architecture.
This project demonstrates how collaborative applications like Miro work using technologies such as Next.js, Liveblocks, Clerk Authentication, Convex, Tailwind CSS, and TypeScript.
It is intended for developers who want to learn real-time collaboration, scalable frontend architecture, and modern SaaS development.
━━━━━━━━━━━━━━━━━━━━━━
🌐 Live Preview
https://canvra.vercel.app
━━━━━━━━━━━━━━━━━━━━━━
✨ Features
• Real-time collaboration
• Infinite whiteboard canvas
• Drawing tools
• Sticky notes
• Shapes
• Text editing
• Live synchronization
• Authentication
• Responsive design
• Modern dashboard
• Clean component architecture
━━━━━━━━━━━━━━━━━━━━━━
🛠 Tech Stack
• Next.js
• React
• TypeScript
• Tailwind CSS
• Clerk Authentication
• Liveblocks
• Convex
• Shadcn UI
━━━━━━━━━━━━━━━━━━━━━━
📦 What's Included
• Complete source code
• Installation guide
• Environment variable template
• Clean folder structure
• Documentation
━━━━━━━━━━━━━━━━━━━━━━
👨💻 Perfect For
• Students
• React Developers
• Next.js Developers
• SaaS Builders
• Learning Liveblocks
• Learning Convex
• Portfolio Projects
━━━━━━━━━━━━━━━━━━━━━━
⚠ Requirements
Basic knowledge of:
• HTML
• CSS
• JavaScript
• React
• Next.js
API keys for external services are NOT included.
━━━━━━━━━━━━━━━━━━━━━━
📜 License & Credits
This project is shared for educational purposes.
BoardV2 is based on and inspired by an open-source collaborative whiteboard project. The original creators deserve credit for the foundational architecture. This version includes my own UI improvements, customization, project organization, and additional modifications.
Please review the included LICENSE before using this project commercially.
━━━━━━━━━━━━━━━━━━━━━━
❤️ Thank you for supporting my work.
💼 LinkedIn: https://www.linkedin.com/in/premgaikwad
🌐 Live Demo: https://canvra.vercel.app

Prem
@premwebdev
🚀 Hi, I'm Prem. I'm a Full-Stack Developer passionate about building AI-powered SaaS products, modern web applications, and open-source developer tools. I love learning by building real-world projects using Next.js, React, TypeScript, Tailwind CSS, PostgreSQL, and modern AI technologies.
incl. GST · digital download
Say thanks
Prem
@premwebdev
🚀 Hi, I'm Prem. I'm a Full-Stack Developer passionate about building AI-powered SaaS products, modern web applications, and open-source developer tools. I love learning by building real-world projects using Next.js, React, TypeScript, Tailwind CSS, PostgreSQL, and modern AI technologies.