Build a Fullstack Trello Clone with Next.js, Typescript and Liveblocks
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
Watch video Build a Fullstack Trello Clone with Next.js, Typescript and Liveblocks online without registration, duration hours minute second in high quality. This video was added by user Coding With Dawid 14 January 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 20,416 once and liked it 696 people.