![Tuomo Kankaanpää](/img/default-banner.jpg)
- 127
- 1 074 866
Tuomo Kankaanpää
Finland
Registrace 19. 12. 2018
I make videos about Next.js and modern web development | Senior software developer w/ 10+ years of experience.
This will change everything (Built-in AI in the browser)
Sign up: tuomokankaanpaa.com/newsletter
Vercel demo app: ai-sdk-chrome-ai.vercel.app/
Build-in AI post: developer.chrome.com/docs/ai/built-in
#ai #webdevelopment #chrome
Vercel demo app: ai-sdk-chrome-ai.vercel.app/
Build-in AI post: developer.chrome.com/docs/ai/built-in
#ai #webdevelopment #chrome
zhlédnutí: 681
Video
4 Methods To Handle Navigation In Next.js (client & server components)
zhlédnutí 373Před 14 dny
Next.js tutorial about different ways to navigate inside Next.js 14 application. Understanding all these Next.js navigation methods is important because it enables you to make best possible decisions when building your own Next.js application. We will also cover pre-fetching with Link component. 🔵 Check out Prompter: www.elgato.com/p/prompter ⚡️Sign up for newsletter: bit.ly/tk-signup X: x.com/...
How To Master Next.js In 3 Steps (for beginners)
zhlédnutí 222Před měsícem
How to learn Next.js? Where should I begin learning Next.js? These are questions I get a lot and in this video I am giving you my 3-step framework on learning Next.js from scratch so you can start building Next.js projects easily. ⚡️Check out Elgato Neo: www.elgato.com/us/en/s/neo ⚡️Sign up for newsletter: bit.ly/tk-signup X: tumee How I Stay Focused: brain.fm/tuomo #nextjs #nextjst...
Building Product component for ecommerce app (with Vercel Postgres)
zhlédnutí 526Před 2 měsíci
🔴 WATCH NEXT: czcams.com/video/NKbiJHFc2sU/video.html ⚡️Sign up for newsletter: bit.ly/tk-signup 🔴 Subscribe: czcams.com/users/tuomokankaanpaa X: tumee How I stay focused: brain.fm/tuomo #nextjs #nextjstutorial #postgres
Building an Ecommerce Review Component with Next.js & Vercel Postgres
zhlédnutí 808Před 2 měsíci
⚡️Sign up for newsletter: bit.ly/tk-signup 🔴 Subscribe: czcams.com/users/tuomokankaanpaa X: tumee How I stay focused: brain.fm/tuomo Github repo: github.com/tumetus/next-js-write-postgres-example #nextjs #nextjstutorial #postgres Timestamps 00:00 What this video is about 00:41 Postgres setup in Vercel 02:45 Client Components - Read reviews 05:43 Client Components - Save reviews 09:3...
How to Correctly Use Fetch In Next.js
zhlédnutí 1,1KPřed 3 měsíci
Get exclusive Next.js content: bit.ly/free-webdev-advice ⚡️My newsletter: tuomokankaanpaa.com/newsletter X: tumee #nextjs #reactjs #nextjstutorial
4 Mistakes to Avoid With Next.js Route Handlers
zhlédnutí 455Před 3 měsíci
Get exclusive Next.js content: bit.ly/free-webdev-advice Route Handlers Cheat Sheet: bit.ly/route-handlers-cc My newsletter: tuomokankaanpaa.com/newsletter X: x.com/tumee Timestamps 00:00 What this video is about 00:15 Mistake 1 01:24 Mistake 2 02:27 Mistake 3 03:00 Mistake 4 03:51 Bonus #nextjs #servercomponents #nextjstutorial
5 Benefits of Using Server Components in Next.js
zhlédnutí 1,4KPřed 4 měsíci
5 Benefits of Using Server Components in Next.js
How to Get Ahead of 99% of Next.js Developers
zhlédnutí 993Před 6 měsíci
How to Get Ahead of 99% of Next.js Developers
What my day looks like as a Senior Software Engineer
zhlédnutí 1,3KPřed 8 měsíci
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
zhlédnutí 9KPřed 9 měsíci
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..
zhlédnutí 4,5KPřed 10 měsíci
Watch these 205 minutes if you want to learn Next.js..
Next.js 13 - How to ACTUALLY use Server Actions (caching & revalidation)
zhlédnutí 8KPřed 10 měsíci
Next.js 13 - How to ACTUALLY use Server Actions (caching & revalidation)
How Did I Not Know This State Management Tool Earlier??!
zhlédnutí 592Před 10 měsíci
How Did I Not Know This State Management Tool Earlier??!
I Never Want to Create React Forms Any Other Way
zhlédnutí 865Před 11 měsíci
I Never Want to Create React Forms Any Other Way
Next.js 13 - How to add PASSWORDLESS Authentication (App Router)
zhlédnutí 1,6KPřed 11 měsíci
Next.js 13 - How to add PASSWORDLESS Authentication (App Router)
First Person View - Coding and Coffee 👨💻 Day in the Life of a Software Engineer
zhlédnutí 1,3KPřed rokem
First Person View - Coding and Coffee 👨💻 Day in the Life of a Software Engineer
My Desk Setup 2023 (Software Engineer)
zhlédnutí 1,3KPřed rokem
My Desk Setup 2023 (Software Engineer)
Dark Mode in Next JS 13 App Directory with TailwindCSS (for beginners)
zhlédnutí 30KPřed rokem
Dark Mode in Next JS 13 App Directory with TailwindCSS (for beginners)
Next.js App Directory & i18n - Full Tutorial
zhlédnutí 60KPřed rokem
Next.js App Directory & i18n - Full Tutorial
Next.js - How to setup & use Vercel Postgres (Serverless PostgreSQL database)
zhlédnutí 36KPřed rokem
Next.js - How to setup & use Vercel Postgres (Serverless PostgreSQL database)
Next.js - How to setup & use Vercel KV (Redis database)
zhlédnutí 6KPřed rokem
Next.js - How to setup & use Vercel KV (Redis database)
Day in the Life of a Software Engineer - Coding outdoors 🌴
zhlédnutí 1,8KPřed rokem
Day in the Life of a Software Engineer - Coding outdoors 🌴
Next.js 13 Role Based Authorization with Middleware & NextAuth
zhlédnutí 22KPřed rokem
Next.js 13 Role Based Authorization with Middleware & NextAuth
Day in the Life of a Software Engineer - Office Day & Web Dev Meetup in Finland 🤩
zhlédnutí 10KPřed rokem
Day in the Life of a Software Engineer - Office Day & Web Dev Meetup in Finland 🤩
Day in the Life of a Software Engineer - First Person View - Working from sunny Finland
zhlédnutí 17KPřed rokem
Day in the Life of a Software Engineer - First Person View - Working from sunny Finland
Is there is a way to contact you?
Yeah, check out my bio here in youtube, there is my email and x account. Those are the best ways to get in touch
Great explanation! Keep it up.
Thanks!
Great. I will have to find a way to disable this shit. Fuck AI!
Theo called, he wants his thumbnail back!
nice, any chance they update it to full blown gemini?
Yeah dunno either yet!
I wonder if they'll put some notifications like permission to use AI by the browser (similar to microphone / camera), or some notification that shows if the AI is active? Otherwise, I don't think there's anything from stopping websites, or even malicious UI libraries to execute AI tasks using your computer's resources
Yes, I think there should be global settings, at least, whether to have AI enabled in local.
great video, very helpful was stuck from a long time.
Cheers!
I totally agree too, I just got back from one and I am excited to share everything that I learned on a video! It's a great way to get that local support from the community near you to help you break into tech as a newbie.
Thanks Tuomo, learning the route handler and you helped a lot.
Great to hear!
@@TuomoKankaanpaa Hi Tuomo, I found out there is a caching problem when using such const result = await sql`Select * From posts;`; I used cookies() to make every query up-to-date, is there any other ways we can deal with it? Otherwise the users won't see the newest data, thanks!
@@choulouchris8788 Here's a detailed explanation of how different caching mechanisms work, hope that helps: x.com/tumee/status/1807337915275420090
Thanks for information for this example navigation, because I'm recently using method 1 and method 2
Cheers!
Thanks for all the info in this video ... A little side note: adding timestamps would be a great help!
Thanks for the feedback, good point, I should add those!
welcome back!!! And thanks for all your videos so far!
Thanks! Im glad you have liked them!
Hey man, glad to see you back!
Thanks thats great to hear!
Very informative, thank you
Cheers!
Brilliant, thank you.
Cheers!
Kiitos for the video🎉
Cheers!
Let's be clear, writing blogs and building blog website (via code) are two different skills sets. You have to prioritize between practicing coding VS wiring blogs/sharing something. As a SDE, if you want to start a blog and write something. You do not need to build a blog from scratch. Cause this will distract you from the main purpose. If you want to practice your coding skills or have a side project - go ahead. And built a blog website is just one of them.
Indeed!
i make my own blog to practice my skills
Can u pls make the video in hindi
god bless u
You too!
fonts are too small
Sorry about that!
@@TuomoKankaanpaa your content is great keep going bro ❤️
I agree with you, I should have watched your video before started to code my blog. But I have started already so I will make the most of the experience and I will try to write about what I have learned during the process.
Straightforward and simple. Thanks!
Cheers!
Thanks for the info, when I use so much "use client" when fetch data.
Cheers!
Great share!💫 I have one question here, I wanted to learn about how we can show loading indicators while data is being fetched using server components? Any ideas would be a great help here.
Very good question! I have actually video planned about this exact topic but in short you can use react suspense for example to show loading indicator
Well done, I like your content. There are videos that to present the subject they can estimate the video in two hours, but you present what is really needed. Well done. I would be happy if you would make a video about kv as well and try to compare advantage and disadvantage.
Thanks a lot! I got one video about vercel kv here: czcams.com/video/nV3IN4Bkl9s/video.html But that's a good idea to make comparison too!
Thank you!
Cheers!
Would you like make video about Cookies
What specifically would you like to learn about them? :)
Hello, thanks for the video. I have a question. If you want to protect endpoint using diferente method, like JWT. It can be posible? Nextjs allow that? Kind regards
Yeah sure!👍
Good! Shows only what is needed.
Great to hear!
Thank you for your tutorial because easy to follow.
Great to hear!
Nice video, I wonder why there were barely one or two people in the house building 😅😅
Yeah it was a quiet day indeed!
awesome video!👌
Thanks, glad you liked it!
Have you tried this via Prisma, Vercel Postgres? I keep getting an error code P1001 saying it can’t connect to the database. Even Vercels example repository errors out 😂
I havent tried it, sounds like a nasty bug if vercel examples also error out
@@TuomoKankaanpaa I found a fix. I was trying to use yarn prisma migrate dev. The fix was to use yarn prisma migrate dev --name -enter name-. For some reason giving it a name with the name flag worked for me.
review: please remove the background music next time, thank you
Roger that! Thanks for the feedback 🙏
This is literally just using the vercel template. This doesn't explain how to build it from scratch.
Is building from scratch something youd like to learn? :)
Cool edits siiiick office and epic music! ❤
Cheers!
Promo'SM 😑
Thank you, I was just in need of that specific tutorial, you nailed it!
Great to hear thanks!
Thank you for a simple and comprehensive explanation 🫡
Is there a way to implement the new shared/wrapper layout.tsx in a NextJs v14 project but still use the old NextJs "pages" folder instead of "app"?
Literally, should be 3 minutes videos. You deserved my dislike.
Thanks for the knowledge :)
Glad I could help!
good
Cheers!
Thank you for the great tips🙏
You are welcome, glad to hear you liked it! I share more tips also on my newsletter bit.ly/free-webdev-advice check it out if at all interested!
Yes, the recommaded way is to fetch data inside every component who needs that data, because if we are using the extend "fetch" the data gonna be cached automatically. Also we can use "'cache" from React if we don't use "fetch"'.
Indeed!
i'm confused. why you make your api by express??? Next.js can do it without any library
I just wanted a simple, lightweight, quick api for the demonstration purposes for this example and decided to go with that :) but you are right, could have just easily do it with Next.js!