Видео

Yes of course! That was the plan :D First thing incoming on this project is dynamically changing of themes, and after that filter / sort for users. ⚔️

@@irfansaeedkhan7242 Thank you thank you thank you ⚔️⚔️⚔️

@@maaritswanderlust You’re welcome! ⚔️

Where was my brain! It's never too late! JOIN THE MIGHTY HORDE! BECOME A TRUE WEB DEV WARRIOR!

I would say it's just a faster way to get type checked api endpoints, and caching with react-query in one dependency. Of course we could build exactly the same thing ourselves using server actions and components. You are right for the "use client;" and app router. I should've created a separated client component, and import it inside the server component for better understanding. We can still keep SSR with tRPC trpc.io/docs/client/nextjs/ssr

Actually creating next Google sound like an awesome idea, not sure how realistic though :D Thank you very much! I hope it's going to be valuable to someone out there!

@@orcdev I can assure you, this is exactly the content I wish I had seen when I started, so for sure there will be someone out there who need this

@@raheeldharolia2673 Thank you very much! Appreciate the support! ⚔️

Thank you my friend!

So glad you liked it! You're welcome!

Yeah, you can always learn something new with these quick projects! ⚔️

Thanks bro! Appreciate it! ⚔️

@@maaritswanderlust You’re welcome! I’m glad you liked it! ⚔️

@@maaritswanderlust You’re welcome! ⚔️

We can just create some enum with different themes like violet, yellow, orange etc And based on some global state (theme), we can dynamically change all those variables inside of our globals.css I'll make a video for dynamically changing themes!

@@orcdev that's so dope !! You help me evolve a lot ! I'm grateful for that.

@@tchoutangbankouemichelfran5386 You're welcome brother! So glad I hear that my videos are helping

@@orcdev If you could make a short video for this question, that would be great. It's my question, too.

@@farid-game I'll definitely make a video!

You're welcome! I'm glad you found it helpful! ⚔

@@orcdev would be great to connect this on how to change the colors dynamically from a page, using a dropdown for example to change theme colors (something similar how it works for dark/light mode) so users could adapter for their preferred colors

@@ebratz That's the plan! I'll definitely create that one on Orcish Fullstack Admin, and record a video :D

So glad to hear you found this tip useful! I'm using Husky on every project. You're welcome! And thank you for such a nice comment!

Glad to hear that! You’re welcome! ⚔️

Not sure if I made it 100% clear, but if somebody is interested to see how it works, there is a public GitHub repo, and I'm answering on all the questions :D Thanks brother!

Thank you! I'm glad you liked it! How I would usually handle that is to make my page.tsx a server component where you handle all the backend stuff (calling the api), and create a client component (BlogPost or something like that) with props which should be received from the server component page. Some other solution could be: If you're using tRPC or similar, you could call a query or mutation from the client component. In that case it would be easier, you could just manipulate all the data inside the BlogPost client component. Hope it was helpful! If you need more clarification just ask :D

@@orcdev thank you!!!

@@Andynat1985 You're welcome!

Exactly! Best way would be to have only server components, but since we need some interactivity it's not really possible :D You're welcome! I'm glad you found it useful in these 5 minutes! I love this theme, and that retro feeling! :D But you are right, I changed it already. It made me kinda sad after a while :D

In your `server/routers` you can create a new route, and create you own api endpoint. Here is the reference: github.com/TheOrcDev/orcish-fullstack-admin/blob/main/server/routers/users.ts After that you can just call it directly from your client components, and it's going to be perfectly safe. Reference (getting users query example): github.com/TheOrcDev/orcish-fullstack-admin/blob/main/app/admin/users/page.tsx#L19 If you need any more help just tell me what you want to do exactly, and I'll guide you. ⚔

So glad to hear that this project is interesting to someone :D Thank you brother! Appreciate it!

Thank you very much! I hope it was helpful. You're welcome! If you need anything else, I'm online ⚔️

That's a great question! That is not the same. When you are passing the children like that through the layout, children are not becoming client components like when importing it. That's the difference between import tree and render tree. So you can safely use providers and things like that in your layout :D

@@orcdev Yeah, that's what I thought. Thanks for clearing this thing up.

@@novianto2346 You're welcome! ⚔

Absolutely! That's the recommended way of doing things by Next.js officially. Thanks! I'm glad you found it nice! ⚔️

Hi there! Thank you very much, I'm glad you liked the video! Yes I understand, I can make a video for token rotation no problem! Are you using there some state management library?

@@orcdev Currently, I am either use react context or zustand. You can use whatever you prefer.

@@novianto2346 Roger that! ⚔

Thanks brother, appreciate your comment as always! It's so great that we are learning things together! ⚔

@@orcdev exactly 💯

@@muhammadmudassirsiddiqui3030 ⚔❤

Hi there! I'm glad you found this video useful! Thank you very much for the feedback! I'm trying to make those intros little bit more entertaining and fast because people are not staying for too long on my videos :D You are probably right, I should make everything more slowly and little bit more clear. Code font tip is a great feedback, I'll definitely zoom it in for my next videos. Thank you very much again! ⚔

@@orcdev By intro, I meant problem statement. Like I did not quite get what you were trying to do at first. Then after I watched the whole video, I replayed and noticed you said you wanted to make a web UI to wrap the API and you chose Next.js. If you could elaborate a little bit on the why, then your audience would know this is worthy video to continue watching.

@@ax5344 Oh I understand now! Yes that could be clarified little bit more. Thank you! I wanted to express how you can use Llama API in any framework you want, so it's not limited only on Next.js, which I'm using because I'm used to it, and I love it :D

@@alexhighgarden6018 I cannot imagine making forms now without the form component :D So easy! Sonner is also nice, but not sure about easier to use part. Shadcn Toast is really easy peasy :D

Hi there! It's an extension for VS Code "Toggle Quotes", when you install it you just change your quotes on ctrl + ' (cmd + ' on mac)

So glad to hear this video was helpful! You're welcome! I think that when people do this once in Next.js, it's going to become so easy to understand everything test related.

Thank you! It's really interesting to work with these AIs :D