Build a Fullstack Trello Clone with Next.js, Typescript and Liveblocks

Опубликовано: 11 Март 2025
на канале: Coding With Dawid

20,416

696

In this tutorial, You will learn how to build a fullstack trello clone using Typescript, Next.js, Mongo and Liveblocks.

This 9-hours tutorial is designed for beginners and will teach you how to build a trello clone. Every change on cards, columns and boards is live and shows immediately for all other users that have access to the same board.

By the end of this tutorial you will have a really nice looking project that will stand out on your portfolio.

Source code: https://github.com/dejwid/trello-clone
Liveblocks: https://liveblocks.io/

Timestamps:
00:00:00 - Intro
00:06:39 - Structure for board and cards
01:09:26 - Authentication
01:38:55 - Creating boards
02:20:58 - Board page
03:55:49 - Board settings page
04:57:16 - Board and column rename
05:22:02 - Card page and card modal
06:28:59 - Card description
07:10:46 - Card comments
08:15:07 - Presence avatars
08:37:08 - Fixes and deployment
08:57:23 - Outro