- 146
- 1 144 882
Tuomo Kankaanpää
Finland
เข้าร่วมเมื่อ 19 ธ.ค. 2018
I make videos about Next.js and modern web development | Senior software developer w/ 10+ years of experience.
5 Soft Skill Mistakes Developers Make — Is this you?
📗 Sign up for Holistic Developer Playbook: bit.ly/3OMoQ5m
Developers who want to grow their careers often focus only on technical skills, but soft skills are just as critical-and often overlooked.
If you’ve ever been passed over for a promotion, struggled to get buy-in for your ideas, or felt stuck despite doing good work, soft skills might be your missing piece.
Because the truth is, technical skills will only take you so far if you can’t communicate, collaborate, or adapt effectively.
If you don’t address these mistakes, your career might plateau while less skilled but more adaptable peers keep moving ahead.
👊 Check out these too!
My newsletter: tuomokankaanpaa.com/newsletter
Master the Next.js Image Component: Optimize Your App Performance Instantly: bit.ly/3yYBFoW
Next.js Route Handlers Cheat Sheet: bit.ly/route-handlers-cc
X: x.com/tumee
How I Stay Focused: brain.fm/tuomo
Timestamps
00:00 What this video is about
01:02 Mistake 1
02:00 Mistake 2
03:10 Mistake 3
04:26 Mistake 4
05:32 Mistake 5
06:41 How to level up your career
#programming #softwareengineer #career
Developers who want to grow their careers often focus only on technical skills, but soft skills are just as critical-and often overlooked.
If you’ve ever been passed over for a promotion, struggled to get buy-in for your ideas, or felt stuck despite doing good work, soft skills might be your missing piece.
Because the truth is, technical skills will only take you so far if you can’t communicate, collaborate, or adapt effectively.
If you don’t address these mistakes, your career might plateau while less skilled but more adaptable peers keep moving ahead.
👊 Check out these too!
My newsletter: tuomokankaanpaa.com/newsletter
Master the Next.js Image Component: Optimize Your App Performance Instantly: bit.ly/3yYBFoW
Next.js Route Handlers Cheat Sheet: bit.ly/route-handlers-cc
X: x.com/tumee
How I Stay Focused: brain.fm/tuomo
Timestamps
00:00 What this video is about
01:02 Mistake 1
02:00 Mistake 2
03:10 Mistake 3
04:26 Mistake 4
05:32 Mistake 5
06:41 How to level up your career
#programming #softwareengineer #career
มุมมอง: 372
วีดีโอ
Want to be confident in technical meetings? Use these 6 quick hacks
มุมมอง 65628 วันที่ผ่านมา
📗 Holistic Developer Playbook: bit.ly/3OMoQ5m Meetings are big part of being a software engineer. As a developer you participate many meetings, but they can be scary of uncomfortable. Being comfortable and confident in meetings is a skill that can be learned. In this video you will get 6 actionable tools you can start using today, to make meetings more enjoyable, boost your confidence, build tr...
Using Fonts in Next.js (Google Fonts, Local Fonts, Tailwind CSS)
มุมมอง 2.1Kหลายเดือนก่อน
⚡️ Learn more Next.js: bit.ly/tk-signup Next.js fonts are easy to use. With the next/font we can add Google Fonts and local fonts to our projects easily. Nextjs font also optimises the fonts which means we don't make any request to Google Fonts from the browser because the fonts are downloaded in build time. In this video we will take a look on how NOT to use fonts in Next js, how next/font wor...
Next.js 15 Routing Explained For Beginners
มุมมอง 366หลายเดือนก่อน
⚡️ Learn more Next.js: bit.ly/tk-signup Next.js uses file-system based routing. We have app router and pages router to choose from. In this video we will cover which router you should use, how to create a page in Nextjs, how to create nested routes in Next js, how to use dynamic routes and what are the page and layout files in Next.js. 👊 Check out these too! My newsletter: tuomokankaanpaa.com/n...
How To Stand Out As A Software Engineer In 2025 (6 Steps)
มุมมอง 451หลายเดือนก่อน
⚡️ Exclusive programming content: bit.ly/tk-signup Are you a software engineer looking to stand out in a competitive industry? In this video, we cover the 6 essential strategies that will help you elevate your career, gain recognition, and stay ahead of the curve in 2025. Whether you're a junior developer or an experienced engineer, these actionable tips are designed to make you the go-to profe...
How To Become A Better Software Engineer In 2025 (5 Rules)
มุมมอง 361หลายเดือนก่อน
⚡️ Exclusive programming content: bit.ly/tk-signup Are you working hard as a software engineer but feel like you’re spinning your wheels? If you’re like most software engineers, you’re probably trying to improve your skills, build quality software, and make a name for yourself. But here’s the thing: too many software developers get caught up in busy work that doesn’t actually push their careers...
Next.js 15 Form Component (Everything you need to know)
มุมมอง 1.6K2 หลายเดือนก่อน
⚡️ Learn more Next.js: bit.ly/tk-signup Next.js 15 introduced new Form component. This is a great way to handle e.g. search forms in Next js. The new Form component reduces the boilerplate code needed to manually write because it includes prefetching and client side navigation after submit out of the box. In this video we will take a look on two simple examples on how to use the new Nextjs form...
5 Habits That Will Make You a Better Programmer
มุมมอง 7182 หลายเดือนก่อน
⚡️ Free web development advice: bit.ly/free-webdev-advice What are the habits of senior software developers? How can you become a better programmer? In this video I'll share 5 habits that will make you better programmer and especially if you are mid-level developer, they will take you closer to senior level developer. 👊 Check out these too! My newsletter: tuomokankaanpaa.com/newsletter Master t...
Next.js Caching Is Changing (Next.js 15)
มุมมอง 2.3K2 หลายเดือนก่อน
⚡️ Learn more Next.js: bit.ly/tk-signup Next.js 15 introduced new caching defaults where GET route handlers and client router cache are no longer cached by default (as they were in Next.js 14). Vercel and nextjs team are also working on revamping the caching mechanics in Next js. In this video we'll take a look on what the current (experimental) features of the new caching are and how they work...
Next.js 15 - All you need to know
มุมมอง 1.4K2 หลายเดือนก่อน
⚡️Want more Next.js? - bit.ly/tk-signup Next.js 15 was released 21.10.2024. In this video we will go through the release notes and see what is new in it e.g. Form component, after() api and more. Vercel has usually released new major NextJS version every year in the Next.js conference but this year they released it couple of days before the conference. Release notes: nextjs.org/blog/next-15 👊 C...
Next.js Image Component Tutorial
มุมมอง 1.8K4 หลายเดือนก่อน
📕 Download Next.js Image Component cheat sheet: bit.ly/3yYBFoW Whenever you are using images in Next.js you should use the Image component, because it offers so many good features and extensions to the html img tag e.g. size optimisation, visual stability - prevent ayout shift, faster page loads and asset flexibility (automatic on demand resizing). In this video we'll take a look on how to prop...
Next.js Beginner Manual: Setup your project the right way
มุมมอง 7114 หลายเดือนก่อน
Starting a new next.js project as a complete beginner is quite easy. We can use the create next app cli tool. Usually we just choose yes/next for the prompts without thinking about it too much. In this video we will learn what all the options mean in the initialisation wizard, how to start a dev server and how to run your app in production mode. Connect with me: Website: tuomokankaanpaa.com My ...
This will change everything (Built-in AI in the browser)
มุมมอง 8606 หลายเดือนก่อน
This will change everything (Built-in AI in the browser)
4 Methods To Handle Navigation In Next.js (client & server components)
มุมมอง 1K6 หลายเดือนก่อน
4 Methods To Handle Navigation In Next.js (client & server components)
How To Master Next.js In 3 Steps (for beginners)
มุมมอง 4187 หลายเดือนก่อน
How To Master Next.js In 3 Steps (for beginners)
Building Product component for ecommerce app (with Vercel Postgres)
มุมมอง 7247 หลายเดือนก่อน
Building Product component for ecommerce app (with Vercel Postgres)
Building an Ecommerce Review Component with Next.js & Vercel Postgres
มุมมอง 1.3K8 หลายเดือนก่อน
Building an Ecommerce Review Component with Next.js & Vercel Postgres
How to Correctly Use Fetch In Next.js
มุมมอง 1.3K9 หลายเดือนก่อน
How to Correctly Use Fetch In Next.js
4 Mistakes to Avoid With Next.js Route Handlers
มุมมอง 6199 หลายเดือนก่อน
4 Mistakes to Avoid With Next.js Route Handlers
5 Benefits of Using Server Components in Next.js
มุมมอง 1.4K10 หลายเดือนก่อน
5 Benefits of Using Server Components in Next.js
How to Get Ahead of 99% of Next.js Developers
มุมมอง 1Kปีที่แล้ว
How to Get Ahead of 99% of Next.js Developers
What my day looks like as a Senior Software Engineer
มุมมอง 1.4Kปีที่แล้ว
What my day looks like as a Senior Software Engineer
Next.js 14 + Tailwind CSS + i18n + Headless CMS - Build and Deploy a Modern Next JS 14 App
มุมมอง 10Kปีที่แล้ว
Next.js 14 Tailwind CSS i18n Headless CMS - Build and Deploy a Modern Next JS 14 App
Watch these 205 minutes if you want to learn Next.js..
มุมมอง 4.7Kปีที่แล้ว
Watch these 205 minutes if you want to learn Next.js..
Next.js 13 - How to ACTUALLY use Server Actions (caching & revalidation)
มุมมอง 9Kปีที่แล้ว
Next.js 13 - How to ACTUALLY use Server Actions (caching & revalidation)
How Did I Not Know This State Management Tool Earlier??!
มุมมอง 616ปีที่แล้ว
How Did I Not Know This State Management Tool Earlier??!
I Never Want to Create React Forms Any Other Way
มุมมอง 894ปีที่แล้ว
I Never Want to Create React Forms Any Other Way
Next.js 13 - How to add PASSWORDLESS Authentication (App Router)
มุมมอง 1.7Kปีที่แล้ว
Next.js 13 - How to add PASSWORDLESS Authentication (App Router)
First Person View - Coding and Coffee 👨💻 Day in the Life of a Software Engineer
มุมมอง 1.4Kปีที่แล้ว
First Person View - Coding and Coffee 👨💻 Day in the Life of a Software Engineer
Yo bro i like ur contente fr , so i started to learn programming 1 year ago and im steal learning , i mean every single day , and my dream is to move to live in finland and work as a software engineer after i finish learning of cours , but the probleme is i didn’t study computer science in university so i don’t have a diplome this makes me so nervous , so do u think there is a chance to find a job theire without diplome , please answer , keep up working ❤
omg!! This is by far the most useful video ever on next js image. thank you so much!!!
Thank you, glad to hear it!
Thanks a lot brother u saved my work!! Awesome content
Thanks thats great to hear!
What if font is hosted somewhere else e.g s3, cloud front
It shouldnt be a problem, the fonts are downloaded in build time!
how to use the different font weights???? like font -[fontName]-weight. doesn't work for me
we need more of this alot 🤍
What kind of content exactly do you want? Eager to hear your thoughts!😊🙌
@@TuomoKankaanpaa maybe about what are the best practices for using state management tools or third-party authentication libraries in Next.js, particularly when working with static and dynamic pages or server and client components
great video! , but please we need more videos without music 🤍
Thanks! Yeah nowadays I’m not using music anymore 👍
please can you make videos about payload cms with nextjs?
Im planning for creating content around nextjs and some headless cms! Any specific topics / tutorials regarding those that you’d like to see?
hi! This video is great! is there a way for me to see which google fonts are available through nextjs vs. which ones I would need to download and import myself?
Glad you liked it! I am afraid there isn't a comprehensive list of the fonts that are supported. So what I would recommend doing at the moment is just browsing google fonts site and when you find a font you like, try importing it from next/font/google and see if it works. I know this isn't ideal way but that's the best way I know so far.
thank you so much, and there's chatGPT still suggesting to import url() method
Glad it helped!
this is by far the best explaination I got on next.js image component. Also I got your channel recommend by chatgpt
great content thanks🥰
Cheers!
Thanks a lot for this helpful video !! i'm going to subscribe to your channel
Great to hear, thanks!
thank you for the code example, specifically in your second example repository i'm writing this to confirm that your method did not result in hydration error in nextjs 15. to make the transition from dark mode to light mode looks smoother and user hopefully not getting shocked from the sudden change of mode, i add "transition-colors" and "ease-in-out" in my root layout hope this helps! edit: i forgot to mention that apparently the code example for the "theme-provider" file is already available in next-themes official documentation. looks like i read too fast and probably did not pay more attention 😭😭
great video brother, stagnation is something im very much aware of to fight against personally so i can continue to grow and increase my own skill ceiling sidenote: Pidän siitä, että meillä kaikilla on nyt upeat viikset :D
Haha, go viikset!
@@TuomoKankaanpaa nyt vaditaan viikset :D
Too late'ish
Sorry to hear that!
Fronted or beckent
Fullstack!
Its taking me forever to learn/think like this.
You'll get there, one step at a time!
kiitos
Ole hyvä!
This Serverless Function has timed out. Your connection is working correctly. Vercel is working correctly. 504: GATEWAY_TIMEOUT Code: FUNCTION_INVOCATION_TIMEOUT ID: bom1::s5h52-1730047687490-1fdc7c340033 sir can you solve this error I am cannot solve this error
because of using react 19 none of my packages working like framer, nextui and so on
Can you show us how to install it? I am experiencing hydration errors after installation.
same with me
Are you upgrading an existing project or starting from scratch? You can check out all migration guides here nextjs.org/docs/pages/building-your-application/upgrading and if you are updating from 14 to 15 here’s an update guide nextjs.org/docs/app/building-your-application/upgrading/version-15
What a thrill, that's the kind of videos I want to watch. Straight to the point
Glad to hear you liked it! Will be making more videos straight to the point!
thanks 🙏, concise and very helpful!
Thanks! Great to hear!
Nice video, but where are all the people? The office was empty, isnt't it strange to go alone at the office?
Hi, I'm searching the name of the extension you're using. Not the autocompletion, but the pre-visualize history completion (and use tab to complete it) in the Terminal. Thx
Hey! It’s this one github.com/zsh-users/zsh-autosuggestions
Obrigadoooo, me ajudou muito
Background music is too loud. Hard to hear what you say
Sorry about that, will improve that in the future!
thank you for your work❤
Cheers!
Where can i learn specifically step by step as you highlited here
No bullshit straight to the point. Awesome!
Can you please tell us how to protect API Routes from cURL attacks using postman?
Thanks for the request! Can you specify a bit more on ehat kind of attacks, I’m not sure if I understood
@@TuomoKankaanpaa In my case I have a round handler called translate-text, Now when I call it on my website it shows up in the network tab, so If a tech-savvy person copies its cURL and tries to call it from Postman he will succeed.
@Su47Goldeneagle so you would like some kind of authentication to it? I have videos about protecting api routes and nextjs auth you should check them out I think they will be helpful!
@@TuomoKankaanpaa Yes, I thought authentication would solve the problem, but it didn't. I'm using Supabase authentication which is similar to NextAuth. However, a logged-in user can copy the cURL of the endpoint and paste it inside Postman, allowing them to abuse my API by using their embedded authentication from the cookie.
@Su47Goldeneagle but since the user already has rights to use your api, i’m not sure why does it matter if they do it from the browser or from postman?
With Next.js' latest versions, it is now: import { revalidatePath } from 'next/cache' -> revalidatePath(`/blog/${slug}`)
Hey Tuomo, always happy to watch your videos. I had forgotten about the import trick instead of directly linking the public path, thank you for the reminder
Cheers!
Thanks a lot for this great content❤
Thank you for your comment and watching! Appreciate it!
bro show web designers job people too, i am thinking about Finland now.
what if u are trying to fetch it?
The logic is same. you check for session and if there is no session, you reject sending data
How to use this in local database ?
its good viedo bro and very release
Cheers!
@@TuomoKankaanpaa keep going bro you really charge us to live a dream like that,god be with you
This video was very informative. I am making my first project in next.js and i was facing issue with theme in it. with your video my all isssue are resolved. Thanks a lot!!
Thats great to hear! Thanks!
Great video, Estonia is really beatuiful! Especially in snow
Gotta visit there some day!
@@TuomoKankaanpaa oh my bad, haha i thought this vid was about estonia thats why I wrote it, now i understand, sorry, Finalnd is really beatiful!
Bro am a junior software developer I want to work in Finland waht is the most in demand technology there I should learn and what do you think about Finland talent boost program ✨
sir plss make a video on django websocket and redis deployment on vercel🙏🙏sir i really find this video in whole youtube but i am unable to find it... Help me as soon as posible😓
Can we delete a Storage so we can create a new Storage, PostgreSQL? Because I can't connect an existing project prisma DB to vercel ! thank you.
How do I go to Finland for developer? btw nice video
Thanks! It’s a good place to be a developer!
I think that a mix of tutorials and practice could be effective as well..
Thanks a lot Tuomo for this video. It's a lot clearer to me now how to implement role based authorization in Next.js. My only question is how to do this with email password authentication instead of Github authentication. Greetings, Anthony
Which tool do you use ? I'm doing the same mistake right now lol, not that familiar wjth figma srill trying to create wireframe with it. Now it has turned into a prototype lmao 😂
Greet videos 🎉
How you change language in metadata?