React Table with Next.js, ShadCN, TanStack | Nextjs Full Stack Project
Learn how to use React Table with Next.js in this full stack project tutorial. We will add React Table to our Nextjs project along with ShadCN/ui components. React Table aka Tanstack Table provides a responsive table with powerful features.
⭐ Use the code "davegray" for 3 months free on the Team plan of Sentry for any new accounts:
Sentry Homepage: https://bit.ly/sentry-dg
Sentry Sign-up: https://bit.ly/try-sentry-dg
Sentry Next.js: https://bit.ly/sentry-nextjs-dg
Sentry Next.js Docs: https://bit.ly/sentry-docs-dg
🔥 Neon Postgres: https://fyi.neon.tech/davegray
🔒 Kinde Auth: https://kinde.com/dgray-nextjsstack/
👉 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
💖 Support me on Patreon ➜ / davegray
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
📬 Course Updates ➜ https://courses.davegray.codes/
❓ Ask Questions & Discuss on Discord ➜ / discord
☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray
🔗 Next.js Full Stack Project playlist: • Next.js Full Stack Project with Nextjs 15 ...
👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: / yesdavidgray
LinkedIn: / davidagray
🔗 Course Resources: https://github.com/gitdagray/nextjs-f...
React Table with Next.js, ShadCN, TanStack | Nextjs Full Stack Project
(0:00:00) Intro
(0:01:01) Tech Stack
(0:01:21) User Stories Checklist
(0:02:18) Installing Dependencies
(0:07:06) Add a Span with Sentry
(0:10:07) Customer Table component
(0:33:18) Viewing the Search Results Table
(0:34:50) Updating the Drizzle Search Query
(0:42:51) Viewing Trace Results in Sentry
📚 Tutorial References:
🔗 Next.js: https://nextjs.org/
🔗 ShadCN/ui: https://ui.shadcn.com/
🔗 Sentry Next.js: https://bit.ly/sentry-nextjs-dg
🔗 Tailwind CSS: https://tailwindcss.com/
🔗 TypeScript: https://www.typescriptlang.org/
🔗 Drizzle ORM: https://orm.drizzle.team/
🔗 Neon Postgres: https://fyi.neon.tech/davegray
🔗 Kinde Auth: https://kinde.com/dgray-nextjsstack/
🔗 next-safe-action: https://next-safe-action.dev/
🔗 TanStack React Table: https://tanstack.com/table/latest
Was this React Table in Next.js with ShadCN tutorial helpful? If so, please share. Let me know your thoughts in the comments.
#nextjs #react #table
On this page of the site you can watch the video online React Table with Next.js, ShadCN, TanStack | Nextjs Full Stack Project with a duration of hours minute second in good quality, which was uploaded by the user Dave Gray 11 December 2024, share the link with friends and acquaintances, this video has already been watched 13,691 times on youtube and it was liked by 287 viewers. Enjoy your viewing!
