Пікірлер
@itmilonn138
@itmilonn138 16 сағат бұрын
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?
@tobitacklestech
@tobitacklestech 15 сағат бұрын
No not now thank you 🙏🏼
@itmilonn138
@itmilonn138 15 сағат бұрын
@@tobitacklestech You Welcome
@timataliatov
@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
@tobitacklestech Күн бұрын
@@timataliatov thank you so much that is so lovely to hear
@gsingh22ify
@gsingh22ify Күн бұрын
11:02 Steve jobs once said "in future everything is PVA ???" What does PVA mean?
@tobitacklestech
@tobitacklestech Күн бұрын
I meant PWA 😭
@AmitHariyale-m8c
@AmitHariyale-m8c Күн бұрын
usage of next-intl in server components currently opts into dynamic rendering, getting this error while deploying
@tobitacklestech
@tobitacklestech Күн бұрын
Can you show the error you’re getting?
@Noname_57
@Noname_57 Күн бұрын
i like what you are doing with the camera how are you doing this ?
@tobitacklestech
@tobitacklestech Күн бұрын
Im doing this with a tool called screen studio
@Noname_57
@Noname_57 Күн бұрын
Great video didn’t know that they fixed the server actions weaknesses
@killerofking
@killerofking Күн бұрын
brooow what is your name
@tobitacklestech
@tobitacklestech Күн бұрын
Tobi ✌🏼
@vedantchaudhari2672
@vedantchaudhari2672 2 күн бұрын
Great Job bro. Keep it up. You will make it bigger in no time.
@tobitacklestech
@tobitacklestech 2 күн бұрын
Thank you we will see 🥰
@ibrahim_youssef_13.12
@ibrahim_youssef_13.12 3 күн бұрын
Wow Tobi , continue with that
@tobitacklestech
@tobitacklestech 3 күн бұрын
What do you wanna see next bro? Maybe some caching?
@brto
@brto 5 күн бұрын
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.
@tobitacklestech
@tobitacklestech 5 күн бұрын
@@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
@RDraps
@RDraps 5 күн бұрын
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 !
@tobitacklestech
@tobitacklestech 5 күн бұрын
Yeah I felt it how fast I got rid of these tokens, got no message that they were empty…. 🤔
@tobitacklestech
@tobitacklestech 5 күн бұрын
Thank you 🙏🏼
@TALDR27
@TALDR27 6 күн бұрын
Great video, I'd love to watch a caching video :D
@tobitacklestech
@tobitacklestech 5 күн бұрын
Noted!
@saulgodman7872
@saulgodman7872 6 күн бұрын
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 :)
@tobitacklestech
@tobitacklestech 5 күн бұрын
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.
@heronlancellot
@heronlancellot 6 күн бұрын
Niceeeee
@maskman4821
@maskman4821 10 күн бұрын
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 ❤
@tobitacklestech
@tobitacklestech 10 күн бұрын
Glad to here that :)
@Serkan_Durgun
@Serkan_Durgun 11 күн бұрын
I’d like to see more depth videos for caching and seo. Came for i18n tutorial stuck watching the rest of the channel 😂
@tobitacklestech
@tobitacklestech 11 күн бұрын
@@Serkan_Durgun thank man! I really appreciate that!!
@DelightBessie
@DelightBessie 14 күн бұрын
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
@tobitacklestech
@tobitacklestech 14 күн бұрын
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_sleeeep
@cant_sleeeep 14 күн бұрын
just use the app router bruv
@tobitacklestech
@tobitacklestech 14 күн бұрын
I do 🧐
@cant_sleeeep
@cant_sleeeep 14 күн бұрын
@@tobitacklestech it's a meme! please keep making nextjs projects and tutorials
@tobitacklestech
@tobitacklestech 14 күн бұрын
@@cant_sleeeep haha okay ✌🏼✌🏼
@harisnaeem747
@harisnaeem747 15 күн бұрын
such a good video, really want you to make a video explaining cache in detail, since the resources online rn are just too confusing
@tobitacklestech
@tobitacklestech 15 күн бұрын
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
@MirkoVukusic
@MirkoVukusic 15 күн бұрын
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.
@Luisllaboj19
@Luisllaboj19 16 күн бұрын
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.
@tobitacklestech
@tobitacklestech 16 күн бұрын
@@Luisllaboj19 Great Addition, thank you!
@DulguunTanusoft
@DulguunTanusoft 17 күн бұрын
how do i change the language now
@tobitacklestech
@tobitacklestech 17 күн бұрын
@@DulguunTanusoft By changing the Prefix to the Language you want for example de or en
@DelightBessie
@DelightBessie 21 күн бұрын
We wanna see how notifications work 👀✌🏽
@tobitacklestech
@tobitacklestech 21 күн бұрын
Will do!!
@DelightBessie
@DelightBessie 21 күн бұрын
Really cool video. What vscode theme will you use ?
@tobitacklestech
@tobitacklestech 21 күн бұрын
I just use default dark mode I guess
@DelightBessie
@DelightBessie 21 күн бұрын
@@tobitacklestech your videos are really cool. How do you do the zoom in zoom out this? It’s really fire
@DelightBessie
@DelightBessie 21 күн бұрын
@@tobitacklestech alright
@justice8703
@justice8703 21 күн бұрын
The smooth transitions in the video are amazing! Loved it much!! 🔥🔥🔥
@tobitacklestech
@tobitacklestech 21 күн бұрын
Thank you 🙌
@ibrahim_youssef_13.12
@ibrahim_youssef_13.12 23 күн бұрын
Tobi again, yes you did it man , you are awsome, I love you man
@tobitacklestech
@tobitacklestech 22 күн бұрын
Thanks you Bro ✌🏼
@Playmiza
@Playmiza 23 күн бұрын
Please show the process of setting up user authentication from scratch using Next.js, Drizzle, and Resend.
@tobitacklestech
@tobitacklestech 23 күн бұрын
With Auth.js?
@Playmiza
@Playmiza 23 күн бұрын
@@tobitacklestech It can be done with Auth.js or Clerk.
@MrAndi1281
@MrAndi1281 25 күн бұрын
Strg steht für Steuerung nicht Strong :D. In Englischen ist es dann Ctrl für "Control"
@tobitacklestech
@tobitacklestech 25 күн бұрын
@@MrAndi1281 dankeee haha
@MarceloGuaycurus-o1k
@MarceloGuaycurus-o1k 26 күн бұрын
Fantastic video. Claude 3.5 should watch this. It uses client components everywhere
@tobitacklestech
@tobitacklestech 26 күн бұрын
Haha Chat gpt also
@dejoma.
@dejoma. 27 күн бұрын
Pee Wee Ay, it’s double u not wee 😂 but love the video
@tobitacklestech
@tobitacklestech 27 күн бұрын
😭😭 im so sry, in from Germany there it’s different
@eliuddyn
@eliuddyn 27 күн бұрын
Amazing 🔥🔥
@xxThemoritzxx
@xxThemoritzxx 28 күн бұрын
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
@tobitacklestech
@tobitacklestech 27 күн бұрын
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
@astoryengineered
@astoryengineered 28 күн бұрын
please what screen recorder you using ? Great stuff btw
@tobitacklestech
@tobitacklestech 28 күн бұрын
Hey Buddy, I use Screen Studio ✌🏼
@JeetuVishwakarma007
@JeetuVishwakarma007 29 күн бұрын
which screen recorder do you use?
@tobitacklestech
@tobitacklestech 29 күн бұрын
@@JeetuVishwakarma007 Hey 👋 i use ScreenStudio
@raymondmichael4987
@raymondmichael4987 29 күн бұрын
It’s me again. please next parts : offline features with convex database or similar, and authentication, I would to how you approach it
@tobitacklestech
@tobitacklestech 29 күн бұрын
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
@raymondmichael4987
@raymondmichael4987 29 күн бұрын
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 😊
@tobitacklestech
@tobitacklestech 29 күн бұрын
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 ;)
@raymondmichael4987
@raymondmichael4987 28 күн бұрын
@@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 😊
@Luisllaboj19
@Luisllaboj19 29 күн бұрын
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.
@tobitacklestech
@tobitacklestech 29 күн бұрын
Wow 😯, nothing to add here, thank you
@Luisllaboj19
@Luisllaboj19 29 күн бұрын
@@tobitacklestech No no, happy to help! Let me know if I can help with anything else :D
@tobitacklestech
@tobitacklestech 29 күн бұрын
@@Luisllaboj19thanks a lot man! 🎉
@shrey522
@shrey522 Ай бұрын
Fantastic. I learned exactly what i wanted. Thanks a ton!! You deserve a sub!!! Good luck bro.
@tobitacklestech
@tobitacklestech Ай бұрын
Thank you 🥰
@TechCareerToTheMoon
@TechCareerToTheMoon Ай бұрын
This is a good one. I'm going to make a similar one soon. Keep it going
@tobitacklestech
@tobitacklestech Ай бұрын
Thanks :)
@tobitacklestech
@tobitacklestech Ай бұрын
And good luck with your Video
@RealLexable
@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
@libergong1172 Ай бұрын
what if i got many client sub components ? passing the t object all the way long?
@tobitacklestech
@tobitacklestech Ай бұрын
@@libergong1172 you could use something like context apis e.g. Zustand
@timataliatov
@timataliatov Ай бұрын
Cool video! I wish you all the best for your youtube career. 😊 nice man, nice
@tobitacklestech
@tobitacklestech Ай бұрын
@@timataliatov wow thank you, Thats auch a big motivation for me!
@GunturKH
@GunturKH Ай бұрын
Great content man! Keep up the good work!
@tobitacklestech
@tobitacklestech Ай бұрын
Thanks man!
@sidiqcumar5386
@sidiqcumar5386 Ай бұрын
Nice explanation and helpful content, keep going
@tobitacklestech
@tobitacklestech Ай бұрын
@@sidiqcumar5386 thanks man 🙌🏼
@alfredbasi5937
@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
@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
@naumanahmed19 Ай бұрын
good work, i am also building auth for my open community project defiantly will check it
@tobitacklestech
@tobitacklestech Ай бұрын
Thanks, I hope you wont face to many Problems!
@OleksiiMazurenko
@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
@tobitacklestech Ай бұрын
It should, but read into the docs to be safe because I don’t looked into SEO with internationalization
@OleksiiMazurenko
@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
@oluboinoni9617 Ай бұрын
Do you have the discord group?
@tobitacklestech
@tobitacklestech Ай бұрын
Which one do you need?
@oluboinoni9617
@oluboinoni9617 Ай бұрын
@@tobitacklestech the next-auth and I don't mind if you can provide the two 😊
@oluboinoni9617
@oluboinoni9617 Ай бұрын
@@tobitacklestech the next-auth. I don't mind if u can provide the two groups
@nicolaedel2945
@nicolaedel2945 Ай бұрын
awesome video, I needed that 😮
@tobitacklestech
@tobitacklestech Ай бұрын
🙀
@ibrahim_youssef_13.12
@ibrahim_youssef_13.12 Ай бұрын
Great as always, please design Next project and during coding teach us the bad practices lead to unhandled errors
@tobitacklestech
@tobitacklestech Ай бұрын
Great suggestion! I will take a Look on it
@ibrahim_youssef_13.12
@ibrahim_youssef_13.12 Ай бұрын
@@tobitacklestech I will remember you of your promise ☺️☺️
@PeriklesPeriklesoglu
@PeriklesPeriklesoglu Ай бұрын
thank you
@tobitacklestech
@tobitacklestech Ай бұрын
You're welcome