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.

Writing dynamic layout components with Next.js

Writing dynamic layout components 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

Writing dynamic layout components with Next.js

“

Okay, let's finish up this layout page. We've made some excellent progress up to this point. So what did we do exactly? Well, we have our styles in from our layout module and we've learned about how with nextjs.module, we are not gonna run into any conflictions of renaming, of having the same class name, which can be an issue when you're working with classes. We created a utility of headings as well, which we haven't used yet, we have our image brought in. So the profile image picture that we took earlier, we're going to take that wonderful, beautiful profile pictures that we have of ourselves, where's mine, and our images over here, there I am, okay, wow. And cringe, cringe, cringe, and we're gonna take that and apply it as well. So what do we do so far? Well, we put a variable at top level for our name. We set up a site title, and then we added some metadata. And we really talked about metadata and how this plays a role with our SEO. And then our OG for the image, title, Twitter…

Contents