Тёмный

Next.js 14 Tutorial - 18 - title Metadata 

Codevolution
Подписаться 648 тыс.
Просмотров 55 тыс.
50% 1

📘 Frontend Interview Course - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support Paypal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - codevolution.business@gmail.com
Next.js 14
Next.js Tutorial
Next.js 14 Tutorial
Next.js Tutorial for Beginners
title Metadata

Опубликовано:

 

19 ноя 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 26   
@ranaimranahmed2532
@ranaimranahmed2532 7 месяцев назад
Ur videos are great plz at the end of every series make a project that cover all topics of ur series
@mohamedhyssm2437
@mohamedhyssm2437 8 месяцев назад
Thank you sir. Can you think about SQL with JS course in your future work ?
@yinonelbaz5309
@yinonelbaz5309 7 месяцев назад
great video, thanks for all
@IAMTHEMUSK
@IAMTHEMUSK 7 месяцев назад
why is it so complicated. Dynamic metadata where so simple before, just tag and that's all in nextjs 12. Is there a way to make metadata easily without spending hours?
@sanojsen
@sanojsen 4 месяца назад
did you find any way? before we can add any metatags we wants , just a tag and put all meta inside. its so complicated now. if you are using js files instead of tsx. its not even work
@react.dev.28
@react.dev.28 7 месяцев назад
How can we pass OG dynamic tags inside metadata ? In my scenario : OG image is dynamic picture according to cha image.
@riyad-appscode
@riyad-appscode 8 месяцев назад
Great Video 👍
@ahmedzahid8354
@ahmedzahid8354 18 дней назад
Thanks for the video
@rishiraj2548
@rishiraj2548 8 месяцев назад
Thanks
@ranaimranahmed2532
@ranaimranahmed2532 7 месяцев назад
Great video
@Error404Codes
@Error404Codes 8 месяцев назад
thank you sir
@sumonbarai178
@sumonbarai178 4 месяца назад
nice tutorial
@saddamhusein7537
@saddamhusein7537 4 месяца назад
How we can add the Metadata in CSR page? The "use client" page doesn't work when i put the title Metadata
@venkatnair2052
@venkatnair2052 Месяц назад
Client side rendering is done by React. I dont think it will be able to use Next JS features in CSR just like we can't use hooks in SSR pages.
@abhivarde99
@abhivarde99 5 месяцев назад
Hey, How to do that if i use .jsx instead of .tsx for each page?
@ApexModi6000
@ApexModi6000 4 месяца назад
tsx is there for just type checking so you don't have to import Metadata member Function from next So the metadata will probably look like: export const metadata = { title: { absolute: 'Blog', } } export default function Blog() { return My Blog }
@zanhbenz
@zanhbenz Месяц назад
i got 500 Internal Server Error on the Facebook while it have value on OG:TITLE. Do you know why?
@ranaimranahmed2532
@ranaimranahmed2532 7 месяцев назад
Plz add mysql with next with a simple project
@alisajadahmadi978
@alisajadahmadi978 8 месяцев назад
Following...
@roshane.d8069
@roshane.d8069 7 месяцев назад
what if i add use client in layout.js file ?
@thallysondias
@thallysondias 7 месяцев назад
"use client" on page.tsx dont works
@ApexModi6000
@ApexModi6000 4 месяца назад
@@thallysondias its for using react state and lifecycle hooks which will be used in components so use client is mostly use in component files right ?
@Uzma_Bibi
@Uzma_Bibi 4 месяца назад
then you can use document.title @@thallysondias
@Uzma_Bibi
@Uzma_Bibi 4 месяца назад
we normally add "use client " to only page.tsx files then try this type props = { params: { id: string; name: string; }; } export default function User({ params }: Props) { useEffect(() => { // Set document title dynamically document.title = `Hello ${params.id}`; // Update meta description const metaDescription = document.querySelector('meta[name="description"]'); if (metaDescription) { metaDescription.setAttribute('content', `Description for ${params.name}`); } }, [params.whatever]);
@luciovasquez9225
@luciovasquez9225 8 месяцев назад
great video, thanks for all
Далее
Next.js 14 Tutorial - 19 - Link Component Navigation
7:24
Next.js 14 Tutorial - 17 - Routing Metadata
8:13
Просмотров 66 тыс.
Why I don't use React-Query and tRPC in Next.js
18:58
10 common mistakes with the Next.js App Router
20:37
Просмотров 194 тыс.
I've been using Redis wrong this whole time...
20:53
Просмотров 340 тыс.
NextJS Tutorial - All 12 Concepts You Need to Know
44:38