Tuomo Kankaanpää
Tuomo Kankaanpää
  • 127
  • 1 074 866
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
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 - All you need to know
zhlédnutí 30KPřed 8 měsíci
Next.js 14 - All you need to know
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)
Vercel Storage in 5 minutes!
zhlédnutí 3KPřed rokem
Vercel Storage in 5 minutes!
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 🤩
Next.js ROUTE HANDLERS deep dive
zhlédnutí 3,7KPřed rokem
Next.js ROUTE HANDLERS deep dive
Next.js 13 API Routes (NEW)
zhlédnutí 9KPřed rokem
Next.js 13 API Routes (NEW)
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

Komentáře

  • @abdalrhmanalmarakeby5813
    @abdalrhmanalmarakeby5813 Před 3 hodinami

    Is there is a way to contact you?

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před 2 hodinami

      Yeah, check out my bio here in youtube, there is my email and x account. Those are the best ways to get in touch

  • @akashddeepchitransh4537
    @akashddeepchitransh4537 Před 23 hodinami

    Great explanation! Keep it up.

  • @Rorschach1488_
    @Rorschach1488_ Před 5 dny

    Great. I will have to find a way to disable this shit. Fuck AI!

  • @TwistedChaz
    @TwistedChaz Před 5 dny

    Theo called, he wants his thumbnail back!

  • @Hirshkowsky
    @Hirshkowsky Před 5 dny

    nice, any chance they update it to full blown gemini?

  • @astral_gaming_0956
    @astral_gaming_0956 Před 6 dny

    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

    • @chotai
      @chotai Před 6 dny

      Yes, I think there should be global settings, at least, whether to have AI enabled in local.

  • @mrinaalarora507
    @mrinaalarora507 Před 10 dny

    great video, very helpful was stuck from a long time.

  • @EdgarFloresDEV
    @EdgarFloresDEV Před 15 dny

    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.

  • @choulouchris8788
    @choulouchris8788 Před 18 dny

    Thanks Tuomo, learning the route handler and you helped a lot.

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před 17 dny

      Great to hear!

    • @choulouchris8788
      @choulouchris8788 Před 17 dny

      @@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!

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před 17 dny

      @@choulouchris8788 Here's a detailed explanation of how different caching mechanisms work, hope that helps: x.com/tumee/status/1807337915275420090

  • @izsalqurlinas
    @izsalqurlinas Před 18 dny

    Thanks for information for this example navigation, because I'm recently using method 1 and method 2

  • @Mortada_DEV
    @Mortada_DEV Před 19 dny

    Thanks for all the info in this video ... A little side note: adding timestamps would be a great help!

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před 18 dny

      Thanks for the feedback, good point, I should add those!

  • @codernerd7076
    @codernerd7076 Před 19 dny

    welcome back!!! And thanks for all your videos so far!

  • @yhr4052
    @yhr4052 Před 19 dny

    Hey man, glad to see you back!

  • @izsalqurlinas
    @izsalqurlinas Před 20 dny

    Very informative, thank you

  • @ManiSingh-gr7zi
    @ManiSingh-gr7zi Před 24 dny

    Brilliant, thank you.

  • @yarapolana
    @yarapolana Před měsícem

    Kiitos for the video🎉

  • @xinpan1676
    @xinpan1676 Před měsícem

    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.

  • @codingwithrendi
    @codingwithrendi Před měsícem

    i make my own blog to practice my skills

  • @13manveersingh
    @13manveersingh Před měsícem

    Can u pls make the video in hindi

  • @ayoubdev8019
    @ayoubdev8019 Před měsícem

    god bless u

  • @behroozshafei3511
    @behroozshafei3511 Před měsícem

    fonts are too small

  • @blackspitit
    @blackspitit Před měsícem

    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.

  • @GarickMendez
    @GarickMendez Před měsícem

    Straightforward and simple. Thanks!

  • @izsalqurlinas
    @izsalqurlinas Před měsícem

    Thanks for the info, when I use so much "use client" when fetch data.

  • @ParthSarthiBissa-yx9tr
    @ParthSarthiBissa-yx9tr Před měsícem

    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.

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před měsícem

      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

  • @avigdev
    @avigdev Před 2 měsíci

    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.

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před 2 měsíci

      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!

  • @sawfanish
    @sawfanish Před 2 měsíci

    Thank you!

  • @JIPPOKIKKA
    @JIPPOKIKKA Před 2 měsíci

    Would you like make video about Cookies

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před 2 měsíci

      What specifically would you like to learn about them? :)

  • @joseantoniodavilaperez4954
    @joseantoniodavilaperez4954 Před 2 měsíci

    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

  • @avigdev
    @avigdev Před 2 měsíci

    Good! Shows only what is needed.

  • @izsalqurlinas
    @izsalqurlinas Před 2 měsíci

    Thank you for your tutorial because easy to follow.

  • @mufaddalshakir606
    @mufaddalshakir606 Před 2 měsíci

    Nice video, I wonder why there were barely one or two people in the house building 😅😅

  • @CokyCokino
    @CokyCokino Před 2 měsíci

    awesome video!👌

  • @DevGio
    @DevGio Před 2 měsíci

    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 😂

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před měsícem

      I havent tried it, sounds like a nasty bug if vercel examples also error out

    • @DevGio
      @DevGio Před měsícem

      @@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.

  • @rashikraj7404
    @rashikraj7404 Před 2 měsíci

    review: please remove the background music next time, thank you

  • @charlesgormley9075
    @charlesgormley9075 Před 2 měsíci

    This is literally just using the vercel template. This doesn't explain how to build it from scratch.

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před 2 měsíci

      Is building from scratch something youd like to learn? :)

  • @shooKnFr0st3
    @shooKnFr0st3 Před 2 měsíci

    Cool edits siiiick office and epic music! ❤

  • @vincesalazar5719
    @vincesalazar5719 Před 2 měsíci

    Promo'SM 😑

  • @WelliDon
    @WelliDon Před 3 měsíci

    Thank you, I was just in need of that specific tutorial, you nailed it!

  • @mr_devboy
    @mr_devboy Před 3 měsíci

    Thank you for a simple and comprehensive explanation 🫡

  • @guilhermemm-dev
    @guilhermemm-dev Před 3 měsíci

    ​ 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"?

  • @Ss-zg3yj
    @Ss-zg3yj Před 3 měsíci

    Literally, should be 3 minutes videos. You deserved my dislike.

  • @typhon88
    @typhon88 Před 3 měsíci

    Thanks for the knowledge :)

  • @arunkumartr8377
    @arunkumartr8377 Před 3 měsíci

    good

  • @trusht
    @trusht Před 3 měsíci

    Thank you for the great tips🙏

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před 3 měsíci

      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!

  • @azizouichni
    @azizouichni Před 3 měsíci

    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"'.

  • @RedSkyWan
    @RedSkyWan Před 3 měsíci

    i'm confused. why you make your api by express??? Next.js can do it without any library

    • @TuomoKankaanpaa
      @TuomoKankaanpaa Před 3 měsíci

      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!