From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Metadata for SEO and social media with Next.js

Metadata for SEO and social media with Next.js

From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment

Start my 1-month free trial Buy for my team

Metadata for SEO and social media with Next.js

“

OK, so in the last lesson, we just wrote out relatively quickly a couple of different utility rules for different heading sizes and a few extra tags that we can bring in. Then now that we've done that, let's actually go out and actually write out the layout. And we're going to bring together a few of the concepts that we've been discussing and working on in this section, including the image, the head link, and, of course, styles. So let's import in our layout here head from next slash head. Let's import. We got the layout styles already, so we don't need that. Let's bring an image from next slash image. Let's import our util styles that we just worked on. And that's going to be all the way back in our... Actually, it's just one level back, right? Into styles and then into utils. Here, let me expand this. And we're going to want the link. So we're going to import link from next-link. All right. And we're going to add some global variables. So we're going to have a constant for the name…

Contents