Adding a create group page to my starter kit (trying out next-safe-action)
HTML-код
- Опубликовано: 4 май 2024
- My Products
🏗️ WDC StarterKit: wdcstarterkit.com
📖 ProjectPlannerAI: projectplannerai.com
🤖 IconGeneratorAI: icongeneratorai.com
📝 ThumbnailCritique: thumbnailcritique.com
Useful Links
💬 Discord: / discord
🔔 Newsletter: newsletter.webdevcody.com/
📁 GitHub: github.com/webdevcody
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody
![Darren Waller - Who Knew (Her Perspective) [Official Video]](http://i.ytimg.com/vi/GytDjB8u6bM/mqdefault.jpg)
my quick trick for layouts: flex flex-col min-h-screen on layout and then use flex-1 on each page or children to take up remaining space between nav + footer
Thanks Cody! 100% going to use this KIT for my next projects.
That would be cool if you did 😎
Excellent video dude. Whether everyone agrees on the pattern you are following or not, this is a learning channel and your teaching is invaluable. Keep up the good job. 👍
Thanks Cody! I signed up for the newsletter a few days ago. I was going to ask a question on whether this starter kit would allow groups to be created but still allow the user to have their own private work outside the group, similar to how organizations work with Clerk but using next-auth instead. Sounds like you are putting that in.
I think organizations, teams, etc all work the same way. Typically you have your database models but you scope them using a orgId or teamId. Then in regards to authorization, you have a permissions table where you can associate certain users to other teams / orgs. In this demo app, I'm allowing users to create "groups" which allows them to become the group "owner". They can then promote other members in their group to become "admins". Regular members are just "members" of the group.
In regards to your questions, you'd simply let a user create a new team / org / group after they sign up (or do it for them automatically), then it acts as any normal team / org which they can grant others access if they want to in the future.
@@WebDevCody great to hear! I’ve been mulling over how to do this for some time in my downtime. I’m use to having basic auth in an app for a whole organization/team for the app. So the concept of expanding it to multiple orgs/teams was a little different from my experience. I saw one of your past video’s where you went more in depth of how organizations work on Clerk and then it clicked how this would work.
I appreciate the work you’re doing to create this starter kit. Helps put SaaS apps into perspective for someone who is use to making apps for individual organizations.
Cody thanks for the video…
drizzle also has an inferInsert that will type it as a new object going into the db… that will omit out the id as well
Oh nice I’ll check that out
Hey Cody wanted to ask you this. Why did you not use ui frameworks like MUI , chakra, daisy, aceternity etc but shadcn itself. i also love shadcn especially for side projects but i still havent used it for large scale prod , most themefied MUI. wanted to know your thought process on this. Also could you please make some videos on Kafka , SNS and SQS please. i really am not finding any good videos atm for it. i have seen one video of your previously but want something in depth. if you do Thanks a lot in advance bro 🍻🍻
Also Welcome to any suggestions from others to go through until Cody gets time to make video for these
Personally it’s because Shadcn uses tailwind under the hood. I’ve never been a fan of other cas in js approaches that many of these component libraries follow.
Would be nice if the validation happens at client side too.
Is there any specific nextjs Authorization library for RBAC, like nextAuth which is only for authentication.
I usually just attach the role or acl to the session. The acl would specify which resources a user has access to and what role. You can also just look up the users permissions on every request from a permissions table if you want as well
I was wondering about your business layer because how would I be able to run transactions using drizzle?
I’d find a way to let your data access layer take in all the data needed to get the transaction to run so that your business layer doesn’t know about drizzle
Hi Cody, I think I am little late to the party, but is the starter kit free or comes at a price?
I’m charging for this one
Cody please share the repo link 🙏
Good job as always love❤ also first!
Thank you so much! The only thing I don't like is the file name for the actions which is actions.tsx, I like actions.ts :-)
Did you know server actions can return react components? It’s why naming it tsx can be useful
@@WebDevCody I didn't know, thank you