Tables in NextJs Using shadcn/ui and TanStack Table

This video will look at creating data tables in NextJs using the shadcn/ui and the TanStack table libraries. We’ll implement pagination, sorting, filters, column visibility, and more.

👉🏼 The Ultimate NextJs Course
🔗 https://www.hamedbahram.io/courses/nextjs

👉🏼 Project source code (Github)
🔗 https://github.com/HamedBahram/next-shadcn-table

👉🏼 shadcn/ui
🔗 https://ui.shadcn.com

👉🏼 TanStack Table
🔗 https://tanstack.com/table/v8

👉🏼 Work with me
🔗 https://www.hamedbahram.io/hire

Chapters
0:00 Intro
1:00 Project setup
5:20 Table component
16:50 Cell formatting
18:54 Actions
22:56 Pagination
25:42 Advanced pagination
26:58 Sorting
29:40 Filtering
33:20 Column visibility
36:05 Reusable components
36:26 Recap