Next.js 14 Tutorial - 17 - Routing Metadata

📱 Follow Codevolution

Routing Metadata SEO
Routing Metadata

[kenkioqqo]

This is not a tutorial series. It's the best NextJS Documentation demystification series for engineers who want to learn it fast.

[MukulJainx]

This should be considerd as official video documenation! Thanks man!

[faizanahmed]

Hey Vishwas, hope you are doing good. Please continue these series.

[GrowthNest]

This is the best tutorial I ever found in YT.

[charleskangwa]

Got me going back to back😂, Greatest beginner series

[rashmikaabeyrathna]

if your code doesn't change title metadata,
check the function name generateMetadata. if your spellings are correct, if not going to work.

export const generateMetadata = ({params} : Props) : Metadata => {
console.log("metadata")
return {
title : `Product id ${params.productId}`,
};
};

[cupajoesir]

I subscribed because of this tutorial series. This is very very well done.

[dhani__el]

The Metadata import is a type import which is only used by typescript in type checking, so therefore should be imported as >> import { type Metadata } from "next";

[ahmad]

A question here:
If i want to pass a product id and fetch product details from and api such as (name, description, quantity, price etc)
Now i want to display title of page as "Sunshine cooking oil" which is the name of my product
For that what will be the ideal way of displaying title of page?

I know you just showed the solution for that, but when i'll fetch my product again within the component won't that make 2 calls for the same detail?

[najorg]

6:26 Why using a SetTimeout ? When i increase it like 10 Secs, the whole code getting blocked for 10 seconds !! Will it impact PageSpeed Score ? if we ignore that setTimeout any negative effect on code ? Kindly please explain either vishwas or any expert please !!! THANK YOU SO MUCH FOR THESE SIMPLEST NEXT TUTORIAL <3

[michaeleva]

Thank you for this series! Just a quick question, what's the difference between using an async function to get metadata vs a normal function?

[shashankkumar]

please also make video on how to accept payment in nextjs. like if owner is selling some course, pdf, how to accept its payment and how user will receive the pdf either on the itself or on their registered mail

[iroosevelt]

For a specific route, I want to use a custom layout instead of the parent layout. How can this be implemented?

[gncastro]

Great video. Is possible to use dinamic routing metadata not in type script? but in a jsx enviorement? I tryed the code here, but it does not worked ... Thankssss

[ExtraTurtle]

If I want my page to be titled "product ${nameOfProduct}" and not product "${productIndex}"
It means I need to fetch the product in both "generateMetadata" and in "ProductDetails" component?
how can I fetch it only once?

[auricaputri]

Great Video and amazing explanation, good job

[naimmomin]

can someone tell me what button he pressed to auto complete at 4:47?

[mickyo]

How does the Props get populated in this example?

[ゴリラ-wh]

Why is `generateMetadata` defined as an arrow function while `ProductDetails` is defined as a normal function?

[AmitKumar-kym]

Hi, Ia m not able to dynamically change my title. I am using "next": "14.1.4".
Can anyone help me. I am going through the same video of adding dynamic title