SEO with Next.js 13 - Dynamic Sitemaps, OG Images and Metadata API

Поділитися
Вставка
  • Опубліковано 3 лют 2025

КОМЕНТАРІ • 91

  • @manjeshkumarsharma
    @manjeshkumarsharma Рік тому +8

    The most important video for any developer working as a Next JS dev in any company

  • @javadrip
    @javadrip Рік тому +9

    One of the few videos that ACTUALLY tackles the important yet often overlooked stuff! Thank you! And I've subscribed!

  • @heroiulacio2345
    @heroiulacio2345 Рік тому +7

    Thank you for speaking so slowly, I speak very little English and I understand you perfectly with the help of the subtitles, greetings from Venezuela

    • @makrdev
      @makrdev  Рік тому

      I’m glad you find it helpful!

  • @nikolayt.5054
    @nikolayt.5054 Рік тому

    Wow! Went through this video in January 2024! Your presentation is excellent! Thank you!

    • @makrdev
      @makrdev  Рік тому

      Glad it was helpful!

  • @SanchitArora-my6re
    @SanchitArora-my6re 10 місяців тому +1

    The best and most helpful video related to meta tags😍❣

  • @yauul
    @yauul Рік тому +5

    Thank you for the video! I have been struggling with the dynamic opengraph part for a while now. This video definitely solve that part for me. You got a subscriber friend. Keep it going!

    • @makrdev
      @makrdev  Рік тому

      I’m glad it solved your problem 🤞 Thanks!

  • @lottexy
    @lottexy Рік тому +1

    THANK YOU, YOU ARE AWESOME. I deployed my website and wasn't getting indexed by Google. I tried reading nextJS document on SEO but damn, it's so confusing... so many examples, I just want to deploy my site and make it searchable lol such a simple thing and they have so much explanation. They should feature your video, you explained it all so well and in simple terms. Thanks again!

  • @doguarunbayraktar
    @doguarunbayraktar 9 місяців тому +1

    Ya cok tesekkurler boyle guzel bilgilendirmen icin. Amerikadan selamlar, sevgiler.

  • @mohammadmalek5042
    @mohammadmalek5042 Рік тому

    Thank you for speaking fluently ❤
    This video is very helpful

  • @loydcose2780
    @loydcose2780 Рік тому +2

    You're trully great man! keep it up and thank you so much!

  • @baljka17
    @baljka17 Рік тому

    What a gem bro, you are a life saver. Keep up your good work!

  • @borisbarzotto5785
    @borisbarzotto5785 Рік тому

    nice work makrdev! Greetings from Venezuela!!

    • @makrdev
      @makrdev  Рік тому

      Thanks bro 🫶🏼

  • @codewithguillaume
    @codewithguillaume Рік тому +1

    Hello my friend. This is an amazing video, please continue to teach online :) Of course I subscribed :)

    • @makrdev
      @makrdev  Рік тому

      Hey there! Thank you 🙏 I’m working on a project at the moment I’ll be posting new videos soon ✌️ I subscribed your channel as well!

  •  Рік тому +1

    Exactly what I was looking for. Thank you. Instant follow 👍

  • @nicksmith5306
    @nicksmith5306 Рік тому +1

    Great video thank you as I was struggling with SEO in Next13 👍 *Subscribed*

    • @makrdev
      @makrdev  Рік тому

      Glad it was helpful!

  • @sahilverma_dev
    @sahilverma_dev Рік тому

    DAMN bro such a great and informative video you saved my time. keep it up

  • @anowarulhassan5117
    @anowarulhassan5117 Рік тому +1

    31:11 after build, the sitemap getting freeze and not populating new data at sitemap. It is getting freeze with the data till the yarn build. Please raise this issue with nextjs. It is not a good practice that I have to access my server and need to run yarn build after every new post.... Please🙏🙏🙏🙏🙏🙏🙏🙏

  • @kamrant8915
    @kamrant8915 8 місяців тому

    Really useful tutorial. Thanks a lot

  • @cristec1695
    @cristec1695 5 місяців тому

    This video is excelent

  • @SamHartmannCom
    @SamHartmannCom Рік тому

    30:50 Thanks a lot for showing how to generate sitemaps dynamically. It's so badly documented in Next.js

  • @mdshohidulislam5836
    @mdshohidulislam5836 Рік тому

    That was really good thanks, *Subscribed*

  • @funterban6536
    @funterban6536 3 місяці тому

    nice sir nice content

  • @samyeksonawane
    @samyeksonawane Рік тому +1

    Loved your Content. Subscribed :)
    It would be great if you create a tutorial on creating this nextjs blog!

  • @cagataysafak8619
    @cagataysafak8619 Рік тому +1

    Thanks for clean explanation. In the dynamic sitemap generation, we generate a new ```lastModified``` parameter each time, isn't this problematic? I mean, I think we should write the actual last modified timestamp for each URL.

  • @burger23II
    @burger23II Рік тому

    Thank you for this amazing tutorial. My question is how do we set up fallback og images when we use this method

  • @dogfrogfog
    @dogfrogfog Рік тому

    Love the video. Really deep and visual

    • @makrdev
      @makrdev  Рік тому

      Thank you so much!

  • @ibrahimacanada
    @ibrahimacanada Рік тому

    Very helpfull thanks ! i recommend !!

  • @Nextjs13-kq5cm
    @Nextjs13-kq5cm Рік тому +1

    Dope! :)

  • @QuarterBite
    @QuarterBite Рік тому

    I still don't understand about sitemap. So I have to rebuild every time I want to update sitemap, even though I use a dynamic sitemap?

  • @AndriyNosov
    @AndriyNosov Рік тому +2

    Hi, thanks for your tutorial. Can you explain how can I generateMetadata on my [slug] page, if it's a client page? In this page I use useEffect and useState...

    • @makrdev
      @makrdev  Рік тому

      I think you can return legacy Head component with related metadata however I do not recommend making the whole page client component. You should divide interactive parts into separate client components and put it in a server component.

  • @exploit.6848
    @exploit.6848 Рік тому

    Amazingg video very helpful

  • @EliasEmon-e2x
    @EliasEmon-e2x Рік тому

    hello sir,
    what about the new post after building the nextjs app.
    If I add new blog post after building the nextjs app with static genaration.
    Can you please give me this ans.

  • @basith237
    @basith237 Рік тому +1

    nice

  • @phieuantrinh2273
    @phieuantrinh2273 Рік тому

    hello my friend from Viet Nam. Your video help me a lots for my project. But i'm just a newbie and i have a question.
    For example, if i add a new post, will the sitemap automatically update or i must rebuild the project
    Thank you very much 😍

  • @Sam-wp2zh
    @Sam-wp2zh Рік тому +1

    Nice job, Sitemap: How do you deal with sitemap limitations: 50Mb and less than 50,000 URLs? We have over 300,000 pages.

    • @makrdev
      @makrdev  Рік тому

      You can create different sitemaps.

  • @SamHartmannCom
    @SamHartmannCom Рік тому

    Is it possible to generate a sitemap index and sub-sitemaps?

  • @gabrielherrera7914
    @gabrielherrera7914 Рік тому

    What's the name of that tool where you can see the web perfomance and SEO score?

  • @alperengultekin9857
    @alperengultekin9857 Рік тому

    Hi Batuhan I reach you from Turkiye. Firstly "Nasılsın?", is there any way to keep our site map up to date, when I add a new product or category. I need to redeploy my project to update sitemap. Like revalidate = 0 ;

  • @ThiLe-j2h
    @ThiLe-j2h Рік тому

    it's seem dynamic sitemap was generated at build time, if we create new post/category sitemap will not update then next build right?

    • @makrdev
      @makrdev  Рік тому

      When you create dynamic sitemap it will fetch the latest data every time you refresh the sitemap. So, when you add new page it will be displayed in the list.

  • @eavoutdom190
    @eavoutdom190 Рік тому

    It will be great if you make a e-commerce course with this practice!

  • @EliandroViana-ty3hl
    @EliandroViana-ty3hl Рік тому +1

    Thank you for your awesome video! whats you think about Drizzle ORM? Can u create a tutorial with supabase + Drizzle integration?

    • @makrdev
      @makrdev  Рік тому

      Thank you! Yeah, I’ll create a video about Drizzle soon 🤞

  • @farhad__adhir4570
    @farhad__adhir4570 Рік тому +1

    You are just too Awesome,,Sir..
    I learned a lot from this Video..I appreciate your hard work..Thank you so much again..
    Take love from Bangladesh..🤍🤍..

    • @makrdev
      @makrdev  Рік тому

      Thank you Farhad! I’m glad you liked ❤️

  • @bora6277
    @bora6277 Рік тому

    How can i use priority and changefreq in dynamic sitemap?

  • @akarshanmishra2351
    @akarshanmishra2351 Рік тому

    hey man how do I go about making a dynamic sitemap that updates everytime new content from sanity cms is added ?

    • @makrdev
      @makrdev  Рік тому

      Just create a server-side sitemap. It will fetch new posts on every visit you or Google make.

  • @aldofematWorkout
    @aldofematWorkout Рік тому

    HI Sir, Can I use the same sitemap with the páges directory?

    • @makrdev
      @makrdev  Рік тому

      Yeah as far as I remember they were same. Even if they are not, the idea is same.

  • @wassup102
    @wassup102 Рік тому

    thank u

  • @macpakkapon9237
    @macpakkapon9237 Рік тому

    Hi, Thanks for the tutorial video this is very helpful. I'm still struggle with implementing opengraph-image.tsx file with searchParams. since it's a server component I'm struggle to find ways to directly access searchParams. Any suggestion?

    • @makrdev
      @makrdev  Рік тому

      Can you join our discord? I can help you over there 👍

  • @PiotrKownacki-f3w
    @PiotrKownacki-f3w Рік тому

    section about sitemap makes no sense, to geerate sitemap i need your blogs?

  • @SajaAhamed-v4d
    @SajaAhamed-v4d Рік тому

    Amazing video☺☺. Can you upload next 13 crash course video?

    • @makrdev
      @makrdev  Рік тому

      I’ll be doing for Supabase first but I’ll definitely create for Next.js 13 too. Do you have anything specific in your mind that you want to learn?

  • @logannguyen9512
    @logannguyen9512 Рік тому

    What is that application to check your website at 0:50?

    • @makrdev
      @makrdev  Рік тому

      Pagespeed Insgights from Google

  • @NiravThakkar-p6x
    @NiravThakkar-p6x 6 місяців тому

    i generate meta from server side and get , it is cool but i want to remove from my source page , please share suggestion

  • @franciskintungi
    @franciskintungi Рік тому

    Great work my guy. I have noticed some change on the opengraph-image.tsx file from the documentation. Can you please leave a comment here to reflect the changes. Thanks!

    • @makrdev
      @makrdev  Рік тому +1

      Thanks 🙏 I’ll check it out 🤞

  • @RajeshSingh-nu1iz
    @RajeshSingh-nu1iz Рік тому

    How can we use google fonts in og image creation with tailwindcss, pls share the info

    • @makrdev
      @makrdev  Рік тому +1

      You just need to import the font you need. Check the docs and you will find an example.

  • @srirams60
    @srirams60 Рік тому

    Hey bro Make a video about Atomic Structure in Next Js

  • @amaechinaikechukwu8266
    @amaechinaikechukwu8266 Рік тому

    How can i change image in metadata please

    • @makrdev
      @makrdev  Рік тому

      You need to create OG image. You can see the details in the related part.

  • @KiloSierra1
    @KiloSierra1 Рік тому

    Only useful if you're using the app folder

  • @topnatop
    @topnatop Рік тому

    ngo