Tobi Tackles Tech
Tobi Tackles Tech
  • 30
  • 299 189
This Next.js Technique can save money!
This Next.js rendering strategy is so underrated. Archive fast and up to date websites!
👉🏼 Server Actions 2.0: th-cam.com/video/JEvwFTY_xIA/w-d-xo.htmlsi=Dp0VQTT20_OFjKZx
👀 video specific links
📖 docs: nextjs.org/docs/app/building-your-application/data-fetching/incremental-static-regeneration
This is an affiliate link so I earn a percentage of your purchase!
✂️ my recording and editing tool: screen.studio/@r4EXX
_____________________________
🙋🏼‍♂️ find me also here:
github: github.com/tobiasmeyhoefer
my website: tobiasmeyhoefer.de/
_____________________________
⚡️ About me and this channel
Hello World! 👋🏼 My name is Tobi and I'm a webdeveloper from Germany ✨ On this channel you will find free educational content about everything related to the web, from frontend to backend especiall with React and Next.Js!
_____________________________
📚 Chapters:
0:00 What is the Problem
1:28 The Solution
2:20 Code example
5:39 Understand ISR
7:01 Interactive Quiz
_____________________________
#nextjs15 #nextjs #isr
มุมมอง: 1 885

วีดีโอ

The Only Video You Need To Understand Regular Expressions…
มุมมอง 1.4K14 วันที่ผ่านมา
The ultimate tool for validation, finding and parsing (regex, regular expressions) easy explained 👉🏼 th-cam.com/video/0TN9eJIVAV8/w-d-xo.htmlsi=oz5bLXwKEK21c9qv 👀 video specific links regex playgorund: regexlearn.com/playground full cheat sheet: adprice.fedorapeople.org/regular-expressions-cheat-sheet-v1.pdf This is an affiliate link so I earn a percentage of your purchase! ✂️ my recording and ...
I Built My Portfolio in Record Time Using These UI Libraries!
มุมมอง 3.4K21 วันที่ผ่านมา
Transform your portfolio website with these 2 UI Libraries. No Shadcn! 👉🏼 watch originUI: th-cam.com/video/g4NWYLmRiEg/w-d-xo.htmlsi=h1SeL7y_DyXYl0PB 👀 video specific links my portfolio: tobiasmeyhoefer.de/ UI Library 1: ui.aceternity.com/ UI Library 2: magicui.design/ This is an affiliate link so I earn a percentage of your purchase! ✂️ my recording and editing tool: screen.studio/@r4EXX 🙋🏼‍♂️...
Master Tailwind v4 Changes in JUST 4 Minutes! 🚀
มุมมอง 9K21 วันที่ผ่านมา
Tailwind v4, Discover Game-Changing Features in Tailwind CSS Version 4 - Fast, Powerful, and Packed with New Updates! 👉🏼 tailwind animations: th-cam.com/video/-Upbnoj9iMk/w-d-xo.htmlsi=f7IbxXl-r4DXAbbH 👀 video specific links docs: tailwindcss.com/blog/tailwindcss-v4-alpha ✂️ my recording and editing tool: Screen.studio/@r4EXX 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my websi...
I Ranked 29 React/Next.js Tools and Libraries for 2025
มุมมอง 5K28 วันที่ผ่านมา
Tier List Ranking The Most Popular Web Development Tools and Libraries for 2025 in 16min 👉🏼 watch css nesting: th-cam.com/video/u89H5khsFW8/w-d-xo.htmlsi=U_-l0jKGpoyzZjis ✂️ my recording and editing tool: Screen.studio/@r4EXX Tools in this video: Data Fetching & Database: Prisma, Drizzle, SWR, Tanstack Query, Firebase, Supabase, Axios, Neon, Sanity Types and Validation: Typescript, Yup, Zod, tR...
3 Must-Have VS Code Extensions for Tailwind CSS
มุมมอง 11Kหลายเดือนก่อน
these Tailwind CSS Extensions For Vs Code in 2025 Boost Your Speed. 👉🏼 Tailwind Animations: th-cam.com/video/-Upbnoj9iMk/w-d-xo.htmlsi=aIlT5vvs7r5XEXK_ ✂️ my recording and editing tool: Screen.studio/@r4EXX 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoefer.de/ ⚡️ About me and this channel Hello World! 👋🏼 My name is Tobi and I'm a webdeveloper from Germany ✨...
This New JS Feature Will Change Error Handling Forever!
มุมมอง 51Kหลายเดือนก่อน
Showcasing the new safe assignment operator of javascript to improve Error Handling 👉🏼 watch my last video: th-cam.com/video/g4NWYLmRiEg/w-d-xo.htmlsi=I2swLsD8P7UlUw4T 👀 video specific links docs: github.com/arthurfiorette/proposal-safe-assignment-operator ✂️ my recording and editing tool: Screen.studio/@r4EXX 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoe...
This UI Library feels like Shadcn 2.0
มุมมอง 47Kหลายเดือนก่อน
I got suggested this ui component library and it is awesome! 👉🏼 Tailwind Animations: th-cam.com/video/-Upbnoj9iMk/w-d-xo.htmlsi=vJikph6fOOONhp7x 👀 video specific links origin ui: originui.com/ ✂️ my recording and editing tool: Screen.studio/@r4EXX 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoefer.de/ ⚡️ About me and this channel Hello World! 👋🏼 My name is T...
The Only Github Profile Page Tutorial You Need 2025 (+Bonus Effect)
มุมมอง 22Kหลายเดือนก่อน
Awesome Github Profile Customization with a custom Readme.md Portfolio File 👉🏼 tailwind animation: th-cam.com/video/-Upbnoj9iMk/w-d-xo.htmlsi=TGseya_-xSGfHN1l 👀 video specific links 🐍 snake code: github.com/tobiasmeyhoefer/tobiasmeyhoefer/blob/main/.github/workflows/snake.yml 📖my readme code: github.com/tobiasmeyhoefer/tobiasmeyhoefer/blob/main/README.md?plain=1 Tool1: gprm.itsvg.in/ Tool2: git...
You can now build AWESOME TailwindCSS Animations!
มุมมอง 64Kหลายเดือนก่อน
Doing Animations in Tailwind with the new Tailwind CSS Plugin 👉🏼 Last Video: th-cam.com/video/geujDzL0yXQ/w-d-xo.htmlsi=woUy-aY9cb4lhOav 👀 video specific links find rombo here: rombo.co/ ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an affiliate link so you can support me ♥️, it won’t cost you anything extra) 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my websi...
I Just Found MORE Shadcn Components!
มุมมอง 36Kหลายเดือนก่อน
These shadcn extensions are so great and they are build on top of shadcn! 👉🏼 my shadcn video: th-cam.com/video/Ssi5-RCQrzo/w-d-xo.htmlsi=6t2gBi-W_EJDylYT 👀 video specific links shadcnui-expansions.typeart.cc/ shadcn-extension.vercel.app/ enhanced-button.vercel.app/ ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an affiliate link so you can support me ♥️, it won’t cost you anyth...
You Won't Believe These npm Packages Are Real! (Why?!)
มุมมอง 2.6Kหลายเดือนก่อน
There are some npm packages that are ridiculously non sense. 👉🏼 watch next: th-cam.com/video/JEvwFTY_xIA/w-d-xo.htmlsi=l2rl58epseOX6nYU 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoefer.de/ ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an affiliate link so you can support me ♥️, it won’t cost you anything extra) ⚡️ About me and this channe...
All Next.js 15 Changes (in 3 Minutes)
มุมมอง 11K2 หลายเดือนก่อน
Next.js 15 has been released. Here are all new features including React 19. 👉🏼 watch the new server actions video: th-cam.com/video/JEvwFTY_xIA/w-d-xo.htmlsi=MYCE2iXlQJLvFPAP 👀 video specific links nextjs.org/blog/next-15 ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an affiliate link so you can support me ♥️, it won’t cost you anything extra) 🙋🏼‍♂️ find me also here: github: ...
Next.js 15 just fixed Server Actions (faster & safer)
มุมมอง 8K2 หลายเดือนก่อน
Next.js Server Actions just got an update in the latest changes of the Release Candidate V2. These changes improve the speed and security of web applications. watch my video about use client vs use server here: th-cam.com/video/XXiKbltnQlo/w-d-xo.htmlsi=uqafcEWiefaSt6W_ [video specific links] docs: nextjs.org/blog/next-15-rc2 ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an a...
The Best Code Editor (Cursor Ai) Setup Guide
มุมมอง 8412 หลายเดือนก่อน
This is a tutorial where I show you how to install and setup the new ai code editor cursor which is a fork of vscode and the new trend. Download Cursor: www.cursor.com/ 📚 Chapters: 00:00 Installation and Setup 3:24 What can you do with it? 5:29 Even more features... 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoefer.de/ ⚡️ About me and this channel Hello Wor...
I Tested Bolt.new (better than Cursor + V0) with 4 Levels of Difficulty
มุมมอง 1.9K2 หลายเดือนก่อน
I Tested Bolt.new (better than Cursor V0) with 4 Levels of Difficulty
Next.js Best Practices You Can't Ignore
มุมมอง 1.5K2 หลายเดือนก่อน
Next.js Best Practices You Can't Ignore
How To Be A GOOD Developer In 2024
มุมมอง 4822 หลายเดือนก่อน
How To Be A GOOD Developer In 2024
Unlocking the Power of PWAs with Next.js 14 + native tips
มุมมอง 4.9K3 หลายเดือนก่อน
Unlocking the Power of PWAs with Next.js 14 native tips
This changes coding forever | Cursor + V0 + …
มุมมอง 2K3 หลายเดือนก่อน
This changes coding forever | Cursor V0 …
Next Auth V5 | how to implement authentication with Drizzle + Google, Github, Resend, Passkeys Guide
มุมมอง 1.5K3 หลายเดือนก่อน
Next Auth V5 | how to implement authentication with Drizzle Google, Github, Resend, Passkeys Guide
The BEST Way of Doing Forms in Next.js (and all the other ways)
มุมมอง 8973 หลายเดือนก่อน
The BEST Way of Doing Forms in Next.js (and all the other ways)
How Next.js is becoming the standard for Web Development
มุมมอง 2054 หลายเดือนก่อน
How Next.js is becoming the standard for Web Development
Master Code Formatting Like a Genius | Prettier Tutorial VsCode Setup
มุมมอง 2374 หลายเดือนก่อน
Master Code Formatting Like a Genius | Prettier Tutorial VsCode Setup
Tailwind CSS Mistakes that 90% are doing
มุมมอง 2444 หลายเดือนก่อน
Tailwind CSS Mistakes that 90% are doing
Let’s end the discussion! "use client" vs "use server" Client or Server Component | Next.js
มุมมอง 1.2K4 หลายเดือนก่อน
Let’s end the discussion! "use client" vs "use server" Client or Server Component | Next.js
Implement Awesome Next.js 14 Internationalization (i18n) with App Router and next-intl
มุมมอง 9K4 หลายเดือนก่อน
Implement Awesome Next.js 14 Internationalization (i18n) with App Router and next-intl
The new CSS Nesting hits crazy | You don't need SCSS anymore
มุมมอง 8765 หลายเดือนก่อน
The new CSS Nesting hits crazy | You don't need SCSS anymore
The Only ShadCn Tutorial You Need… 2024
มุมมอง 4125 หลายเดือนก่อน
The Only ShadCn Tutorial You Need… 2024
Send Verification Messages / SMS with Twilio Service in Next.js / React Applications
มุมมอง 8735 หลายเดือนก่อน
Send Verification Messages / SMS with Twilio Service in Next.js / React Applications

ความคิดเห็น

  • @rulofmg
    @rulofmg 17 ชั่วโมงที่ผ่านมา

    nothing changes from tutorial 3 years ago. this tutorial is basically same everywhere. you should do something different than just show the setup. maybe show us how the barcode scan or camera look like.

  • @sameer-bin-raees
    @sameer-bin-raees วันที่ผ่านมา

    Great video! I was thinking of learning regular expressions myself as I encountered a problem at my job. You made it really simple and divided the sections well. I'll be revisiting this video from time to time. Thanks man!

    • @tobitacklestech
      @tobitacklestech 18 ชั่วโมงที่ผ่านมา

      Im glad that it was helpful ✌🏼

  • @randypenajimenez3893
    @randypenajimenez3893 2 วันที่ผ่านมา

    That isnt clean bro

  • @ghussain3kb
    @ghussain3kb 4 วันที่ผ่านมา

    I just subscribed, because you asked to subscribe :)

  • @manishfe
    @manishfe 4 วันที่ผ่านมา

    Its Great Thanks For IT 😊😊😊😊😊😊

  • @ghussain3kb
    @ghussain3kb 5 วันที่ผ่านมา

    Thank you man:)

  • @mzafarr
    @mzafarr 6 วันที่ผ่านมา

    There's not even a single comprehensive course on PWA with Nextjs, I hope you'll make it soon, you explained very well, but as you know it covered only the tip of the iceberg.

  • @MrDavidFunWorld
    @MrDavidFunWorld 6 วันที่ผ่านมา

    your github repo link is broken can you fix it plase?

  • @Orbies-v1x
    @Orbies-v1x 7 วันที่ผ่านมา

    notifications

  • @dominikrubroeder
    @dominikrubroeder 7 วันที่ผ่านมา

    Does someone has problems with `Unknown at rule` within WebStorm? And knows how to resolve it?

  • @imkir4n
    @imkir4n 7 วันที่ผ่านมา

    ngl, it a L ranking.

  • @abdullahisiaq9348
    @abdullahisiaq9348 7 วันที่ผ่านมา

    Do you have any idea about any recording and editing tool for windows 😊

  • @Luisllaboj19
    @Luisllaboj19 8 วันที่ผ่านมา

    Setting the route segment config "export const revalidate = x" should be enough to indicate Next.js to run the fetch again everytime, fetch calls are not cached by default anymore. Setting fetch( "...", { next: { revalidate: x } } ) will override the the revalidation time for that specific fetch call.

    • @tobitacklestech
      @tobitacklestech 6 วันที่ผ่านมา

      In my case I needed to specify it for the fetch request

  • @LinkiZeldi
    @LinkiZeldi 8 วันที่ผ่านมา

    I currently use strict cashing with revalidatePath when data is being edited. What would you say is the benefit of ISR over strict cashing with careful revalidation ? I assume use cases like twitter doing this every minute where it’s not important to have the most up to date tweets on every reload E.g. I don’t get why a CMS site would benefit from ISR whereas aggressive caching with updates to the cache on changes would yield more benefits as many unnecessary DB requests could be saved no? Like the style of your content btw :) small thing: Run the AI that generates your subtitles after you cut the video, sometimes the subtitles show the text you originally said but then cut out ^^

  • @paulambrose5442
    @paulambrose5442 8 วันที่ผ่านมา

    Just a normal Tobi's video, fun and educative as always. Kudos man

  • @ardianhotii
    @ardianhotii 8 วันที่ผ่านมา

    How to revalidate that page or that api call manually for example you set it for 1 hour but you need fresh data in 30 minutes how to revalidate that without redepolying the app

    • @tobitacklestech
      @tobitacklestech 8 วันที่ผ่านมา

      You could use ravalidatePath oder ravalidateTag for that

    • @ardianhotii
      @ardianhotii 8 วันที่ผ่านมา

      @tobitacklestech can it be done from some api endpoind I can set only for this case?

  • @buildwithharshit
    @buildwithharshit 8 วันที่ผ่านมา

    Make a video on full nextjs cache with cache revalidation please!

  • @buildwithharshit
    @buildwithharshit 8 วันที่ผ่านมา

    Good explaination mate!

  • @darawan_omar
    @darawan_omar 8 วันที่ผ่านมา

    Great job boy , keep going it was nice explanation

    • @tobitacklestech
      @tobitacklestech 8 วันที่ผ่านมา

      Thanks a lot

    • @darawan_omar
      @darawan_omar 8 วันที่ผ่านมา

      @@tobitacklestech i used a trick in my project i wanna tell you and explain on one video for viewers , i use the client action to send the data to backend for some reason , i return it the data on server-side and cache it the data using force-cache and revalidate it for an hour. for get the fresh data and shown the new data upload I do not know what i do for re-fetch the data on server-side with client action , I don't use server action , i define the server action function and called the revalidateTag function inside it and passing the tag through parameter to this function and called in the client side onSubmit function when the response of the post request is 201 or ok .

  • @hammadXP
    @hammadXP 8 วันที่ผ่านมา

    Amazing video, plus quizzes at the end is something i haven't seen before, felt like a classroom again 😅, you just explained why my site was being so slow even with simple details pages, because I wasn't caching the fetch calls, thanks

    • @tobitacklestech
      @tobitacklestech 8 วันที่ผ่านมา

      Glad to hear you liked it

  • @douchhicham8535
    @douchhicham8535 9 วันที่ผ่านมา

    Awesome, Thank you. 🙏❤That was always a headache for me. 😅You over-explained it.🎉

  • @KevinNitro
    @KevinNitro 11 วันที่ผ่านมา

    Really cool. I'm eager to know how it works behind the scene🎉

  • @lethienngan
    @lethienngan 12 วันที่ผ่านมา

    We already implemented that concept in many projects; it's just a utility function - an async wrapper or promise wrapper, or a custom hook - which returns an array: [err, result] Its good if js have that feature but all the solid dev know how to deal with error handling

  • @neoTriny
    @neoTriny 13 วันที่ผ่านมา

    Hey, lets meet someday 💪🎉🥸

  • @samislam2746
    @samislam2746 13 วันที่ผ่านมา

    There's a ready to use package 📦 on npm called await-to search for it.

  • @ultrasoundaudio7844
    @ultrasoundaudio7844 14 วันที่ผ่านมา

    Me yesterday configured asyncHandler

  • @anup_narvekar
    @anup_narvekar 14 วันที่ผ่านมา

    I liked how you summarised such a complex topic into a tiny digestable video. Thank you!

  • @mohdhasan4157
    @mohdhasan4157 15 วันที่ผ่านมา

    Hey! Tobi Can you make a video on Nextjs Like If a Fresher is starting his journey in creating websites in Nextjs what precautions he should take ?

  • @the_BetaDev
    @the_BetaDev 15 วันที่ผ่านมา

    Wow. Indeed the only video to understand it. So easy and simple. Thanks a ton.

  • @nadernorsman4331
    @nadernorsman4331 15 วันที่ผ่านมา

    Maybe needed part 2 for the rest of tools ( testing and analysis ....etc)

  • @razorjhon2622
    @razorjhon2622 15 วันที่ผ่านมา

    sadly not working in next 15 😥

  • @MrAlao675
    @MrAlao675 15 วันที่ผ่านมา

    You over-explained it. Thank you ❤

    • @tobitacklestech
      @tobitacklestech 15 วันที่ผ่านมา

      You’re welcome 🫶🏼

  • @o_oyash
    @o_oyash 15 วันที่ผ่านมา

    That really is super simple to understand thanks for the lesson

  • @fahimul.islam.fahad.
    @fahimul.islam.fahad. 15 วันที่ผ่านมา

    Great video ❤🎉

  • @EmmanuelYankey-t3r
    @EmmanuelYankey-t3r 15 วันที่ผ่านมา

    Thanks Tobi!

  • @EmmanuelYankey-t3r
    @EmmanuelYankey-t3r 15 วันที่ผ่านมา

    I hate regex but you made it look so damn easy!

  • @nffayutub7139
    @nffayutub7139 15 วันที่ผ่านมา

    I understanding this video. but when i implemented it in my code, it ruin my code😂

  • @Muhammad.Kashif31
    @Muhammad.Kashif31 16 วันที่ผ่านมา

    wow amazing

  • @MarcusHammarberg
    @MarcusHammarberg 17 วันที่ผ่านมา

    Aaaand we’re back again. This where Node started.

  • @van_tigranyan
    @van_tigranyan 17 วันที่ผ่านมา

    So instead of try catch now you have tens of more if/else. This is basically the same for me.

  • @ionutsandu5913
    @ionutsandu5913 17 วันที่ผ่านมา

    Thanks for the video. Unfortunately no support for dynamic classes

    • @ZephniStrife
      @ZephniStrife 10 วันที่ผ่านมา

      Could you explain a little further what you mean by dynamic classes, is this something that was supported in Tailwind 3 and now no longer supported?

    • @ionutsandu5913
      @ionutsandu5913 10 วันที่ผ่านมา

      @@ZephniStrife What I mean by dynamic classes is that those classes are being generated at runtime. Something like text-${color} - color being a variable computed or pulled from some remote sources. It was never supported but I thought they will figure it out eventually.

  • @tsvetomirdimitrov8094
    @tsvetomirdimitrov8094 18 วันที่ผ่านมา

    Can you please share whats the iphone simulator you are using? Thanks

  • @subhajitchowdhury7300
    @subhajitchowdhury7300 19 วันที่ผ่านมา

    Appreciate your works, Love from India.

  • @nandoandrade34
    @nandoandrade34 19 วันที่ผ่านมา

    I already do that if my custom fetch wrapper 😊

  • @draylegend
    @draylegend 19 วันที่ผ่านมา

    color/35 is better

  • @wisdomelue
    @wisdomelue 20 วันที่ผ่านมา

    I can't believe you said that about react query, lmao are you kidding

    • @tobitacklestech
      @tobitacklestech 19 วันที่ผ่านมา

      was a future perspective believe me

  • @manuarora
    @manuarora 20 วันที่ผ่านมา

    Thankyou for using + sharing Aceternity! :)

  • @mayurwankhade7447
    @mayurwankhade7447 20 วันที่ผ่านมา

    Seriously there is nothing wrong with try catch. If there is something, show the numbers in the console. Don't just talk.

    • @tobitacklestech
      @tobitacklestech 19 วันที่ผ่านมา

      Can get pretty ugly in beginner code 😯