- 30
- 299 189
Tobi Tackles Tech
Germany
เข้าร่วมเมื่อ 25 ก.ย. 2016
free educational content related to web development ✌🏼
new video every week 🗓️
new video every week 🗓️
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
👉🏼 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
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
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.
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!
Im glad that it was helpful ✌🏼
That isnt clean bro
I just subscribed, because you asked to subscribe :)
Its Great Thanks For IT 😊😊😊😊😊😊
Thank you man:)
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.
your github repo link is broken can you fix it plase?
notifications
Does someone has problems with `Unknown at rule` within WebStorm? And knows how to resolve it?
ngl, it a L ranking.
Do you have any idea about any recording and editing tool for windows 😊
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.
In my case I needed to specify it for the fetch request
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 ^^
Just a normal Tobi's video, fun and educative as always. Kudos man
Thanks a ton!
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
You could use ravalidatePath oder ravalidateTag for that
@tobitacklestech can it be done from some api endpoind I can set only for this case?
Make a video on full nextjs cache with cache revalidation please!
Great idea
Good explaination mate!
Thanks 🙏🏼
Great job boy , keep going it was nice explanation
Thanks a lot
@@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 .
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
Glad to hear you liked it
Awesome, Thank you. 🙏❤That was always a headache for me. 😅You over-explained it.🎉
Glad it was helpful!
Really cool. I'm eager to know how it works behind the scene🎉
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
Hey, lets meet someday 💪🎉🥸
sure!
There's a ready to use package 📦 on npm called await-to search for it.
Me yesterday configured asyncHandler
I liked how you summarised such a complex topic into a tiny digestable video. Thank you!
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 ?
Great idea
Wow. Indeed the only video to understand it. So easy and simple. Thanks a ton.
You are most welcome
Maybe needed part 2 for the rest of tools ( testing and analysis ....etc)
sadly not working in next 15 😥
:((
You over-explained it. Thank you ❤
You’re welcome 🫶🏼
That really is super simple to understand thanks for the lesson
You're very welcome!
Great video ❤🎉
Thank you!!
Thanks Tobi!
I hate regex but you made it look so damn easy!
Thanks 🙏🏼
I understanding this video. but when i implemented it in my code, it ruin my code😂
What happened? 😯
wow amazing
Thanks a lot
Aaaand we’re back again. This where Node started.
So instead of try catch now you have tens of more if/else. This is basically the same for me.
Thanks for the video. Unfortunately no support for dynamic classes
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?
@@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.
Can you please share whats the iphone simulator you are using? Thanks
I use Xcode :)
Appreciate your works, Love from India.
Thank you very much!
I already do that if my custom fetch wrapper 😊
color/35 is better
I can't believe you said that about react query, lmao are you kidding
was a future perspective believe me
Thankyou for using + sharing Aceternity! :)
Awesome lib bro 🔥
Seriously there is nothing wrong with try catch. If there is something, show the numbers in the console. Don't just talk.
Can get pretty ugly in beginner code 😯