Follow along with this 48-minute tutorial video to build a full-stack project implementing React Table (TanStack Table) with Next.js and ShadCN/ui components. Master the integration of a responsive table system by installing necessary dependencies, implementing Sentry for monitoring, creating a Customer Table component, and setting up search functionality with Drizzle ORM queries. Explore practical implementations including table customization, search results display, and performance monitoring through Sentry trace results. Work with a modern tech stack including TypeScript, Tailwind CSS, Drizzle ORM, Neon Postgres database, and Kinde Authentication while following detailed user stories and technical requirements.
Building React Tables with Next.js, ShadCN, and TanStack Table
Overview
Syllabus
Intro
Tech Stack
User Stories Checklist
Installing Dependencies
Add a Span with Sentry
Customer Table component
Viewing the Search Results Table
Updating the Drizzle Search Query
Viewing Trace Results in Sentry
Taught by
Dave Gray
Related Courses
-
Building Search Forms with Next.js and Drizzle ORM - Full Stack Implementation
-
Next.js SQL Data Queries with Drizzle ORM - Building a Full Stack Project
-
Next.js Form Development with React-Hook-Form, Drizzle-Zod, and ShadCN/UI
-
Full Stack Next.js & Supabase Twitter Clone – Full Course
-
Next.js Full Stack Project with Next.js 15 and React 19
-
Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN
