Next.js 14 SEO with Metadata - Next.js 14 updated

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

КОМЕНТАРІ • 14

  • @عبداللهعبدالشكور-ط8ت
    @عبداللهعبدالشكور-ط8ت 9 місяців тому +3

    Absolutely incredible! After tirelessly searching for two days, you've come to my rescue just one day before my project deadline. Thank you immensely, Umair!

  • @sahildudani4658
    @sahildudani4658 Місяць тому

    hey this is possible to create a single function for main layout.ts and with router update all title and description?

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

    how did you use Context API (Category Provider) inside layout without "use client"

  • @LuisPeris-g2x
    @LuisPeris-g2x 11 місяців тому

    Thank you very much!

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

    Hi, How can we set the canonical dynamically?

    • @lbt_ff_esports
      @lbt_ff_esports 6 місяців тому

      return {
      title: title != 'NULL' ? title : 'Category Products',
      description: product.result?.meta_description != 'NULL' ? product.result?.meta_description : 'Category Products',
      keywords: keywords,
      alternates: {
      canonical: canonical,
      schemaScripts: schemaScripts
      },
      }

    • @lbt_ff_esports
      @lbt_ff_esports 6 місяців тому

      canonical will be work but do you know any solution for shema scripts?

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

    Hi, is there a way to just use variables of the page, instead of doing an api request specifically for the metadata? It's so annoying compared to the way dynamic metadata worked in nextjs 12. I was used to just set the tags inside my components, as easy as that. This system is mind blowing.
    Also I need to call my translation hook, to adapt the meta langage, it seems impossible with this app meta system

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

      Hi @IAMTHEMUSK,
      did you find any workaround that uses variables of the page?

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

    Can you show sitemap too

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

    Very helpful thanks

  • @kaigan-is6ym
    @kaigan-is6ym Рік тому

    Can you provide the address of the GitHub code in the video?

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

    Make a new playlist Next js 14 from Hello World!

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

      There is no code structure level difference in the versions. You can still use the code in my tutorials of nextjs 13 in your projects created in nextjs14.
      Infact you can update nextjs13 project to nextjs14 in few minutes.