Hey Mate! I hope you're well. Would you like to discuss your KZbin channel growth and monetize. Can I help you to fulfill your monetization requirements?
@tobitacklestech15 сағат бұрын
No not now thank you 🙏🏼
@itmilonn13815 сағат бұрын
@@tobitacklestech You Welcome
@timataliatovКүн бұрын
Man, I have no enough words for the editing, smooth zooms, fixing scene according to code highlighting... everything is just amazing, i really love what you are doing man. Keep it up! 🎉
@tobitacklestechКүн бұрын
@@timataliatov thank you so much that is so lovely to hear
@gsingh22ifyКүн бұрын
11:02 Steve jobs once said "in future everything is PVA ???" What does PVA mean?
@tobitacklestechКүн бұрын
I meant PWA 😭
@AmitHariyale-m8cКүн бұрын
usage of next-intl in server components currently opts into dynamic rendering, getting this error while deploying
@tobitacklestechКүн бұрын
Can you show the error you’re getting?
@Noname_57Күн бұрын
i like what you are doing with the camera how are you doing this ?
@tobitacklestechКүн бұрын
Im doing this with a tool called screen studio
@Noname_57Күн бұрын
Great video didn’t know that they fixed the server actions weaknesses
@killerofkingКүн бұрын
brooow what is your name
@tobitacklestechКүн бұрын
Tobi ✌🏼
@vedantchaudhari26722 күн бұрын
Great Job bro. Keep it up. You will make it bigger in no time.
@tobitacklestech2 күн бұрын
Thank you we will see 🥰
@ibrahim_youssef_13.123 күн бұрын
Wow Tobi , continue with that
@tobitacklestech3 күн бұрын
What do you wanna see next bro? Maybe some caching?
@brto5 күн бұрын
Come on, man. You have no idea you've reached the limit of your daily tokens, and you didn't check the messages above the input box. Don't trash it, man-it's a great tool. And to answer your question, yes, it will replace you as a developer for the non-technical. The only issue is that it burns tokens in a crazy way, and somehow they fixed it yesterday.
@tobitacklestech5 күн бұрын
@@brto yes, bolt is an awesome tool as I mentioned in the video, the problem with the token was my bad ✌🏼 video should be more entertaining then educating
@RDraps5 күн бұрын
Yes, Bolt is good! Bolt would be able to fix the ( same ) problem of Toast in your last “impossible task”. But your tokens are all used, saying the last task has problems isn’t really correct. You need to wait a day. Bolt has regularly issues, it can often fix them but often your free tokens are gone fast. I had f.e. the typescript error of server.ts which it can’t fix, but changing to server.js works better 👍👌 Thank you for your video !
@tobitacklestech5 күн бұрын
Yeah I felt it how fast I got rid of these tokens, got no message that they were empty…. 🤔
@tobitacklestech5 күн бұрын
Thank you 🙏🏼
@TALDR276 күн бұрын
Great video, I'd love to watch a caching video :D
@tobitacklestech5 күн бұрын
Noted!
@saulgodman78726 күн бұрын
Thanks for your work :) One question, React 19 will replace the useFormState with useFormAction hook (React-dom), but I don't know why they do this. useFormAction() do the same as useFormState(). Or am I wrong here? Sorry for the off-topic :)
@tobitacklestech5 күн бұрын
I think the new function is called useActionState The reason for this change is that `useActionState` is more versatile and not limited to just form submissions. It can be used with any action, whether it's triggered by a form or not. This aligns with React's move towards a more general "Actions" concept rather than being form-specific.
@heronlancellot6 күн бұрын
Niceeeee
@maskman482110 күн бұрын
Bolt is so cool and powerful,I will definitely become a subscriber when I have an idea and need to make it come true in a short period of time,seems it has issue with toaster package,hopefully bolt team fix it soon so that people especially nontechnical people have the power produce awesome products in no time,thank you so much for this demo video ❤
@tobitacklestech10 күн бұрын
Glad to here that :)
@Serkan_Durgun11 күн бұрын
I’d like to see more depth videos for caching and seo. Came for i18n tutorial stuck watching the rest of the channel 😂
@tobitacklestech11 күн бұрын
@@Serkan_Durgun thank man! I really appreciate that!!
@DelightBessie14 күн бұрын
hello im trying to follow along and implement this in my project... the specifying of the metadata in layout, how do i get the code
@tobitacklestech14 күн бұрын
You can find a link to pastebin now in the Description… here i pasted the layout.tsx i Hope Thats what you searched for ;)
@cant_sleeeep14 күн бұрын
just use the app router bruv
@tobitacklestech14 күн бұрын
I do 🧐
@cant_sleeeep14 күн бұрын
@@tobitacklestech it's a meme! please keep making nextjs projects and tutorials
@tobitacklestech14 күн бұрын
@@cant_sleeeep haha okay ✌🏼✌🏼
@harisnaeem74715 күн бұрын
such a good video, really want you to make a video explaining cache in detail, since the resources online rn are just too confusing
@tobitacklestech15 күн бұрын
Yes caching really is a hard topic to explain because there is a lot to handle I think I will make a video when Next 15 is dropping so in a few weeks I guess
@MirkoVukusic15 күн бұрын
Dont use Next Inage unless you have money to waste. it's really expensive and free tier is really low for anything but simple websites.
@Luisllaboj1916 күн бұрын
More best practices: Make sure to make authorization checks on every server action and route handler. After all they’re public endpoints and anyone can hit them from anywhere. One thing you could do is moving the database access/request logic part into functions in a separate folder and create a *data access* layer and make sure database read and write operations are always protected and execute after the USER HAS BEEN AUTHORIZED, then you can use these functions inside server actions (for the mutations - “write” logic ) and directly inside server components (for getting data - “read” logic). By the time the function executes you’ll be guaranteed the user can perform the operation.
@tobitacklestech16 күн бұрын
@@Luisllaboj19 Great Addition, thank you!
@DulguunTanusoft17 күн бұрын
how do i change the language now
@tobitacklestech17 күн бұрын
@@DulguunTanusoft By changing the Prefix to the Language you want for example de or en
@DelightBessie21 күн бұрын
We wanna see how notifications work 👀✌🏽
@tobitacklestech21 күн бұрын
Will do!!
@DelightBessie21 күн бұрын
Really cool video. What vscode theme will you use ?
@tobitacklestech21 күн бұрын
I just use default dark mode I guess
@DelightBessie21 күн бұрын
@@tobitacklestech your videos are really cool. How do you do the zoom in zoom out this? It’s really fire
@DelightBessie21 күн бұрын
@@tobitacklestech alright
@justice870321 күн бұрын
The smooth transitions in the video are amazing! Loved it much!! 🔥🔥🔥
@tobitacklestech21 күн бұрын
Thank you 🙌
@ibrahim_youssef_13.1223 күн бұрын
Tobi again, yes you did it man , you are awsome, I love you man
@tobitacklestech22 күн бұрын
Thanks you Bro ✌🏼
@Playmiza23 күн бұрын
Please show the process of setting up user authentication from scratch using Next.js, Drizzle, and Resend.
@tobitacklestech23 күн бұрын
With Auth.js?
@Playmiza23 күн бұрын
@@tobitacklestech It can be done with Auth.js or Clerk.
@MrAndi128125 күн бұрын
Strg steht für Steuerung nicht Strong :D. In Englischen ist es dann Ctrl für "Control"
@tobitacklestech25 күн бұрын
@@MrAndi1281 dankeee haha
@MarceloGuaycurus-o1k26 күн бұрын
Fantastic video. Claude 3.5 should watch this. It uses client components everywhere
@tobitacklestech26 күн бұрын
Haha Chat gpt also
@dejoma.27 күн бұрын
Pee Wee Ay, it’s double u not wee 😂 but love the video
@tobitacklestech27 күн бұрын
😭😭 im so sry, in from Germany there it’s different
@eliuddyn27 күн бұрын
Amazing 🔥🔥
@xxThemoritzxx28 күн бұрын
nice introduction to pwa. What would you think is the „best“ framework for a pwa? (coming from cross plattform / native development, but interested for the future of mobile dev) greets
@tobitacklestech27 күн бұрын
Next js is cooking something in there docs page so I would say Next js or basically react other Frameworks might be even more complex, I once used angular for a pwa and it was a mess
@astoryengineered28 күн бұрын
please what screen recorder you using ? Great stuff btw
@tobitacklestech28 күн бұрын
Hey Buddy, I use Screen Studio ✌🏼
@JeetuVishwakarma00729 күн бұрын
which screen recorder do you use?
@tobitacklestech29 күн бұрын
@@JeetuVishwakarma007 Hey 👋 i use ScreenStudio
@raymondmichael498729 күн бұрын
It’s me again. please next parts : offline features with convex database or similar, and authentication, I would to how you approach it
@tobitacklestech29 күн бұрын
There is an auth video on my channel ✌🏻, sadly I don’t know much about convex database but I will take a look at it
@raymondmichael498729 күн бұрын
good content buddy; but please keep it steady; those zooming in-out are really disturbing, just show the editor and put yourself at the corner, make yourself disappear if broke an code; beside that, this is such a good content and I like your energy 😊
@tobitacklestech29 күн бұрын
Oh thanks a lot, I think the zoom in is very helpful for people that have small phones or a bad quality, but I will definetely do it less thanks to your recommendation ;)
@raymondmichael498728 күн бұрын
@@tobitacklestech , I’ve watched it using my phone, and it doesn’t help at all, it just make it worse, stick to full editor view, increase the font-size you’ll be oukay; I mostly watch @codewithantonio , check it out for inspiration if you need some. but, hey it’s just my silly suggestions 😊
@Luisllaboj1929 күн бұрын
Sorry for the big message in advance :c. IMPORTANT: Both Server and Client components are pre-rendered on the server at built time for the initial page load, that's why Client component loggs appear on the server console. Server components only run once, they do not re-render. Yes they can "re-render" if you request them again from the server but in that case it's more like they're "re-building" instead of "re-rendering". After the initial page load, Client components are only re-rendered on the client. What "use client" directive does is telling the Next.js bundler "send this chunk of code and everything that is owned by this file to the browser", which means if you import a component -- either a Server o Client component -- this code and everything under it will be sent to the client as well. This means you're essentially defining a boundary, and everything inside that boundary will run on the client. Like he said, Next.js treats all components as Server components by default, which means you need to opt out of that in case you need to use client-only features like React State, LifeCycle methods (mount, unmount, etc.), the window object and client-only APIs. Only in these situations you should be tempted to write "use client" at the top of the file, and you should try to do it only on very specific components, not the whole page. On the other hand "use server" is not the opposite of "use client", 11:40 NO, you CAN'T and you SHOULDN'T USE this directive on the top of a (default) server component, and certainly not on the top of a file that will be imported inside a "use client" boundary in order to make it run on the server again. "use server" directive tells the bundler "turn all exported async functions into endpoints, expose them for the client to use". Basically, "use client" means -> send this chunk of code to the client, either to hydrate or run client side APIs, and run on the client from now on. "use server" means -> "expose these async functions as POST endpoints to be hit". Only async functions are allowed in a file with "use server" directive at the top. WHY CAN'T SERVER COMPONENTS BE IMPORTED INTO CLIENT COMPONENTS AND REMAIN SERVER ONLY? When Next.js builds the app, it will run and render all server components first and then run and render the client components, if it encounters a client bouldary ("use client") it will execute that code once all the server components were rendered and turned into RSC Payload.
@tobitacklestech29 күн бұрын
Wow 😯, nothing to add here, thank you
@Luisllaboj1929 күн бұрын
@@tobitacklestech No no, happy to help! Let me know if I can help with anything else :D
@tobitacklestech29 күн бұрын
@@Luisllaboj19thanks a lot man! 🎉
@shrey522Ай бұрын
Fantastic. I learned exactly what i wanted. Thanks a ton!! You deserve a sub!!! Good luck bro.
@tobitacklestechАй бұрын
Thank you 🥰
@TechCareerToTheMoonАй бұрын
This is a good one. I'm going to make a similar one soon. Keep it going
@tobitacklestechАй бұрын
Thanks :)
@tobitacklestechАй бұрын
And good luck with your Video
@RealLexableАй бұрын
Warum labern alle Deutschen auf Englisch? Schauen die nicht selbst eher die Einheimischen over sees? Kein Wunder, dass Deutschland bald den Bach runter geht😂 Die kennen den Standard doch längst selber alle bestimmt längst.
@libergong1172Ай бұрын
what if i got many client sub components ? passing the t object all the way long?
@tobitacklestechАй бұрын
@@libergong1172 you could use something like context apis e.g. Zustand
@timataliatovАй бұрын
Cool video! I wish you all the best for your youtube career. 😊 nice man, nice
@tobitacklestechАй бұрын
@@timataliatov wow thank you, Thats auch a big motivation for me!
@GunturKHАй бұрын
Great content man! Keep up the good work!
@tobitacklestechАй бұрын
Thanks man!
@sidiqcumar5386Ай бұрын
Nice explanation and helpful content, keep going
@tobitacklestechАй бұрын
@@sidiqcumar5386 thanks man 🙌🏼
@alfredbasi5937Ай бұрын
I have been struggling to implement authjs properly as the docs is not very helpful, and being new there aren't much resources on how to implement it properly especially on production. Thank you very much, really appreciate it! Also a few questions: 1) if a user does login with google, github or magic links, where and when do you save the user information in the db? 2) what editing software are you using? The animations in the video look sick
@tobitacklestechАй бұрын
Hey Alfred, 1. the User Information is Safed automatically and under the hood with auth.js but you can implement hooks inside the auth.ts to implement additional functionality while this is happening 2. thanks! I use ScreenStudio for mac ✌🏻
@naumanahmed19Ай бұрын
good work, i am also building auth for my open community project defiantly will check it
@tobitacklestechАй бұрын
Thanks, I hope you wont face to many Problems!
@OleksiiMazurenkoАй бұрын
Will this approach work well in the context of SEO (indexing)? I mean when using client-side hooks. And very well explained, thank you
@tobitacklestechАй бұрын
It should, but read into the docs to be safe because I don’t looked into SEO with internationalization
@OleksiiMazurenkoАй бұрын
@@tobitacklestech Perhaps you know how to solve this problem: How can I correctly merge two useRouter hooks in my Next.js project? I’m using one useRouter from next-nprogress-bar for the loading indicator, and another from next-intl/navigation for locale handling. I want to combine their functionalities, so that when I use methods like push, the locale is added to the path and the loading indicator is displayed at the same time, without duplicating the method calls. Is there a best practice for combining them without repeating method calls?
@oluboinoni9617Ай бұрын
Do you have the discord group?
@tobitacklestechАй бұрын
Which one do you need?
@oluboinoni9617Ай бұрын
@@tobitacklestech the next-auth and I don't mind if you can provide the two 😊
@oluboinoni9617Ай бұрын
@@tobitacklestech the next-auth. I don't mind if u can provide the two groups
@nicolaedel2945Ай бұрын
awesome video, I needed that 😮
@tobitacklestechАй бұрын
🙀
@ibrahim_youssef_13.12Ай бұрын
Great as always, please design Next project and during coding teach us the bad practices lead to unhandled errors
@tobitacklestechАй бұрын
Great suggestion! I will take a Look on it
@ibrahim_youssef_13.12Ай бұрын
@@tobitacklestech I will remember you of your promise ☺️☺️