วีดีโอ

You're welcome! I'm glad it was useful

Doesn't have Tailwind support

Thank you 🙌

Thank you brother!

Especially if you have some PHP background :)

Yeah that magic back button is also nice. I created something similar for my projects, but this one is better :D

@@orcdev that nice!

Yeah really great, I love things like this

​@@orcdev I'm next js developer without previous Upwork experience sir. Is it too late for me to start my Upwork journey?

@@arabeyabelajarnahwu-shorof5902 It's not too late. You can get smaller projects in the beginning. They would not be payed a lot, but they are going to stay in your work history there making it easier to get some better project / job. Start small, do a good job, and potentially ask to get a 5 star rating for your project and a good comment.

@@orcdev thanks you're very nice

@@arabeyabelajarnahwu-shorof5902 You are welcome! Thank you for your kind words!

You can just add ssr: true like here: trpc.io/docs/client/nextjs/ssr Basically this is already old video, now with Next.js 15 we can use server actions without a problem. No need for tRPC anymore.

I'm glad you found the date picker suggestion helpful! Compatibility can be tricky, so definitely give it a try and let us know how it goes!

A barbar appointment system with an event scheduler calendar. Claim based authentication in next js

@@straydwag Sounds like an awesome idea. I can use calendar from this library for that video! Thanks for the idea!

@@orcdev make more form submission with supabase as backend, thanks

We could create some logic based on the current page. For example if current page is 4, show only from (4 - 2) to (4 + 2). It should look like this ... 2 3 4 5 6 ...

@@orcdev thanks, will give it a try. currently fighting with the caching - i watched your video but was applying it to my own demo, and even with the Link components it seems to always hard refresh the page. i love and hate nextjs equally :D

@@nickwoodward819 Hahah, I understand the struggle :D Now with Next.js 15 it's little bit better with caching, at least you can choose when not to cache.

Everything should be the same, just without "use client";

@@Milixation You have height and width there which is just a bonus in this component. Main thing is the Tailwind screen size class

That's just bonus, main thing is tailwind class

Nema na cemu! Ako treba nesto tu sam :)

Are you using Tailwind on your project? It's nothing complex, so there can't be many things that could happen. In your case sounds like all classes are being ignored.

​@@orcdev Yes sir, issue only with deno projects, works perfectly fine in other node - nextjs projects, I'll figure something out. Thanks for the reply. Update: Changing `contents` section in tailwind.config.ts fixed the problem Before: content: [ "./src/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}", ] After: content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"] Need your suggestion ​ @orcdev , will the new config be of any potential issues?

@@orcdev The issue is only with deno projects, works perfectly fine in other node - nextjs projects. I'll figure something out. Thanks for the reply. Update: You were right, there was issue with the default tailwind config, changing the `contents` section in tailwind.config.ts fixes the problem Before: content: [ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}", ] After: content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"] Now, I need your suggestion, can this updated config be of any potential issues?

Glad it was helpful! Hope you're going to use it :D You're welcome! ⚔️

You’re welcome bro! ⚔️

You're welcome! ⚔️

Weird! Is it Next.js? I hope you are not on tablet or something like that :D

@@orcdev yes Next.js 14.2.12 on a MacBook screen 😄

@@orcdev it's definitely very weird

Good point! Should've renamed it to make it more clear :D

@@orcdev No worries. Thanks for your response here.

@@ImaginativeWork You're welcome!

Awesome to hear that! You're welcome! ⚔

De nada mi amigo! ⚔

It's a great question! First thing to say I love server actions, nothing against them. It's more thing of choice. First question would be, why it's maybe better to separate backend in the first place, doesn't need to be Nest, but Node.js or anything else. There are couple of reasons why it's easier to separate it for bigger projects. - Easier to maintain, because you could have backend developers and frontend developers - More secure because you cannot forget "use server" to uncover your keys or something like that, - Easier to deploy somewhere outside of Vercel There are probably more reasons, these three are first in my mind :D And why Nest, it's because it has nice CLI, you can build microservices easily, and it has nice built in things like Auth, DB etc (you can read more about it in their docs if you're interested).

@@orcdev Thanks dude, very informative.

@@LearnAlongFaizan You're welcome bro! If you need anything else I'm here ⚔

That's awesome, dude! I love when I can drop exactly what you need. If you need anything else just tell me!

@@orcdev Awesome!

Thank you so much for your kind words bro! I'm really glad to hear that. Your support means a lot! ⚔️

Roger that! ⚔

It depends, on a live project I'm using it's not passing 2 - 3 $ a month, it's not going over 5000 requests.

You're welcome for the video! Glad you liked it!

@@orcdev I thought it was pretty much! I will use it using your video as a tutorial! Thank you very much :D it looks really simple to use

@@PedroGrilo13 Awesome! You're welcome!

You're welcome! ⚔️

It's not that easy. This is solving much more than just a simple hook that can be called.

Hey Jason! Thanks for the suggestion! I saw Windsurf couple a days ago, looks interesting! I'll definitely try it out!

I'm glad you enjoyed the video! Thanks for watching!

It's just for this video. I agree you gotta be careful where are you using "use client" in Next.js application. You can check this video: th-cam.com/video/S1PQt7yjs_g/w-d-xo.html TanStack Query is awesome technology, but now with Next.js 15 it's becoming deprecated. We can do everything with server actions, all the caching, loading etc

Yeah definitely something wrong with the dependency. Never had that problem before. You could technically shoot the API directly without any dependency with simple fetch. Try creating a server action for getting everything you need without the @googlemaps/google-maps-services-js If you encounter problems, I can try it out too on some of my next videos :)

Yeah, so easy as well. I remember creating sidebars before, it was not a smooth process :D

Thanks brother! For sure! Course with all that stuff would be awesome. I'll try to create something like that.

@orcdev great to hear that. Looking forward to it.

Yes, that's what this guy did also. Shadcn is open source, so it shouldn't be a problem :)

It's vs code pets extension :D Awesome extension, you can add dinosaur, cat, rock, dog etc :D

@@orcdev ok

You're welcome! I'll try to create some in depth testing tutorial for sure!

@orcdev Thanks! Hard to find tutorials covering testing async server components in real world next js. Yours will really make a difference and helpful

@@sharewithamar Awesome to hear that!