Permissions & Authorization in a Next.js Full Stack Project
Description: Learn how to apply permissions & authorization in a Next.js full stack project. In this tutorial, we'll expand our use of Kinde Auth to meet the user stories conditions set out at the beginning of the Next.js project.
⭐ 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 ➜ https://patreon.com/davegray
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
📬 Course Updates ➜ https://courses.davegray.codes/
❓ Ask Questions & Discuss on Discord ➜ https://discord.gg/neKghyefqh
☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray
🔗 Next.js Full Stack Project playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PCLz7VMP2QQdeKa83rshe5
👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
🔗 Course Resources: https://github.com/gitdagray/nextjs-full-stack-project
Permissions & Authorization in a Next.js Full Stack Project
(0:00:00) Intro
(0:01:01) Tech Stack
(0:01:22) User Stories Checklist
(0:02:50) Installing Dependencies
(0:06:43) Kinde User Permissions
(0:11:36) Kinde Management API settings
(0:15:10) Kinde Design settings
(0:20:21) Customer Form server component
(0:23:41) Customer Form client-side permissions
(0:33:18) Ticket Form server component
(0:44:21) Ticket Form client component
(0:53:07) Testing UI permissions
(1:01:53) Updating Data with Neon SQL Editor
(1:04:06) Testing UI without Manager permissions
(1:06:34) Final Additions
📚 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/
Was this permissions and authorization tutorial with Next.js helpful? If so, please share. Let me know your thoughts in the comments.
#nextjs #permissions #authorization Close description
⭐ 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 ➜ https://patreon.com/davegray
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
📬 Course Updates ➜ https://courses.davegray.codes/
❓ Ask Questions & Discuss on Discord ➜ https://discord.gg/neKghyefqh
☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray
🔗 Next.js Full Stack Project playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PCLz7VMP2QQdeKa83rshe5
👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
🔗 Course Resources: https://github.com/gitdagray/nextjs-full-stack-project
Permissions & Authorization in a Next.js Full Stack Project
(0:00:00) Intro
(0:01:01) Tech Stack
(0:01:22) User Stories Checklist
(0:02:50) Installing Dependencies
(0:06:43) Kinde User Permissions
(0:11:36) Kinde Management API settings
(0:15:10) Kinde Design settings
(0:20:21) Customer Form server component
(0:23:41) Customer Form client-side permissions
(0:33:18) Ticket Form server component
(0:44:21) Ticket Form client component
(0:53:07) Testing UI permissions
(1:01:53) Updating Data with Neon SQL Editor
(1:04:06) Testing UI without Manager permissions
(1:06:34) Final Additions
📚 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/
Was this permissions and authorization tutorial with Next.js helpful? If so, please share. Let me know your thoughts in the comments.
#nextjs #permissions #authorization Close description
