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

Поділитися
Вставка
  • Опубліковано 27 жов 2023
  • In video you will learn how to add meta data in next.js 14 for static pages and dynamic pages. I will show you how to generate dynamic meta data keeping the performance of web app using cache function from react.
    #nextjs13 #nextjs14 #nextjs #nextjstutorial #seo #searchengineoptimization
    React tutorials:
    • React.js Tutorials
    JavaScript Tutorials and Projects:
    • JavaScript Tutorial an...
    Angular Tutorials:
    • Angular 16 Life Cycle ...
    Angular 16 Crash Course For Begineers:
    • Angular 16 Crash Course
    Tech Tutorials - Random:
    • Postman Tutorial - Tes...
    Complete Next.js 14 Tutorials: • Next.js 13 Tutorials -...
    Node Express MongoDB Bootcamp: • Build REST API with No...
    ChatGPT Tutorials: • ChatGPT
    Join our facebook group:
    / 996305460498149
    Contact us for development services:
    / umair-jameel-24aa5368

КОМЕНТАРІ • 9

  • @user-mi9wy1hb4m
    @user-mi9wy1hb4m 2 місяці тому +2

    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!

  • @user-ej9es6do1p
    @user-ej9es6do1p 3 місяці тому

    Thank you very much!

  • @berniko4954
    @berniko4954 7 місяців тому

    Very helpful thanks

  • @MatrixtoMastery
    @MatrixtoMastery 22 дні тому

    Can you show sitemap too

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

    Hi, How can we set the canonical dynamically?

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

    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

  • @kaigan-is6ym
    @kaigan-is6ym 6 місяців тому +1

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

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

    Make a new playlist Next js 14 from Hello World!

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

      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.