Personalizing for interest: nuxt3 and complexity: easy. Manage your personalisation profile.
my name is tim Benniks this is a turbotutorialin this quick tutorial i want to showyou how easy it is to add things to thehead of your html page with next threethey've added a whole bunch ofconvenience methods so you don't have tokind ofwork around it how you have to do it inx2 so let's go into the vs code and i'llshow youso nowadays what you can do in nextthree is actually really really cool youcan actually just add a hat property inyour template off your page and now youcan see i'm in an app.vue and eventhere it works and so i literally justhad the title friends i just added it innothing else and by the way this is aclean knucks 3 setup there's nothing inthere no modules no plugins nothing noteven configuration and so when i refreshthat page of course you see a picture offriends because why not and in the titleyou can see there is friendsand so now that we have this we canactually do some fun stuff we canactually make this more dynamic so howabout we make a consttitlewhich is a refand let's make itfred oopsfriends is awesome and then what we cando is actually make that dynamicif i can type always the same problemsand there it is friends is awesome sothat works really well quite as expectedbut you can also do more there is areally cool composable that can help youand so i've actually copy pasted thatbecause i'm not good at typing so hereyou goand so let's make that title basicallyfriends againand so now what we've done we've addedthe use head composable and we add atitle template with that variable thatwe just maderight so now we can say next three likestitle and so the title template allowsyou to have every page now says nextthree likes and then whatever thatvariable title becomes it puts it inthere and there's also some other stufflike we can add stuff to the to the bodylike a class witha friend's class to the body or otherthings for later on if you wanted toinclude fonts or scripts or whatever youwant to do you can add that in here andthat's really easy to use and so let'ssee what this made let's refresh andthen it says next3 likes friends and sothere you goso how about we have a look if we canfind that body attribute of a class letme just zoom that in a little bit andthe body class friends has been addedand this is actually how simple it isand you can do this in any page you wantand you can kind of make it dynamicyou can do async calls and then add thatdata to thisit's basically just so simple nowthere's no other way you have to bedoing it so that's what i wanted to showyou thank you for watching i'll see youin another turbo tutorial cheers
Learn how to add information to the head of the page with Nuxt 3
In this tutorial, how to add information to the head of the page with Nuxt 3.
Features you will use:
Learn how easy it is to add rich schema.org data to your Nuxt 3 application
How to use Vue components in Nuxt Content v2
Learn how to use client-only components in Nuxt 3