Learn to build a real-time Kanban board in Next.js, using WebSockets for live updates, Vercel AI SDK for AI support, and Tolgee for localization. The guide covers setting up a WebSocket server, configuring authentication with NextAuth, and managing a PostgreSQL database with Docker. It also includes integrating and handling localization in your app.
Table of contents
TL;DRSetting up the Project 🛠️Setting up the Database Model 📦Setting up Tolgee for Localization 🗣️Setting up Authentication 🛡️Build Navbar ComponentBuild Authentication PagesSetup WebSocket and QueryClient ProviderCustom WebServer with Socket.ioSetup Kanban BoardSetup API Routes for AI and Task creationBuild the Kanban BoardConclusion ⚡Tolgee FollowSort: