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

Got me going back to back😂 , Greatest beginner series

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

If it doesn't update correctly, in base layout, remove tag in html, otherwise it will be duplicated, Next will automatically derive title from metadata defined above

Great Video and amazing explanation, good job

Great video 👍

thank you fot best learn

This works only SSR component, rigth?

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";

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

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

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

How generateMetaData method call?

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?

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?

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?

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

Hey Codevolution, love the series - really helping to get a grasp on Nextjs. I'm confused on why the return type of the generateMetadata function was changed to Promise of Metadata. My understanding is that In the async function, we are awaiting for the promise to resolve before returning the Metadata. The await on the timeout promise returns a string for title and then the outer function returns with Metadata. Please let me know what I'm missing.

sir please Can u make small project based on multilanguage page with next js Pleaseeee

can anyone share the dynamic metadata code in js

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

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

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

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}`, }; };

👍

but same thing how to do in javascript jsx

👍🙏

I tried this but is not working ``import type { Metadata } from "next"; interface Props { params : {blogId:string; showcaseId:string} } export const generateMetData = async ({params}: Props) : Promise => { const title = await new Promise(resolve => { setTimeout(() => { resolve(`Showcase - ${params.showcaseId}`); }, 100) }) return{ title: `Product ${title}`, // This will be the page title for this specific blog post } } const ShowcaseDetails = ({params}: Props) => { return Showcase Details {params.showcaseId} and blog post {params.blogId}; } export default ShowcaseDetails;``

amazing, but I wish you explained it in detail

20 November 2023 Monday

河南捞翔中不中