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
Смотрите видео Build a Fullstack Trello Clone with Next.js, Typescript and Liveblocks онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Coding With Dawid 14 Январь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 20,416 раз и оно понравилось 696 людям.