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.

Download the CSS starter kit project from Next.js official

Download the CSS starter kit project from Next.js official

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

Download the CSS starter kit project from Next.js official

“

All right, so I got some excellent coffee, and I'm ready to get into assets, metadata, and styling with you. Now that we've wrapped our minds around client-side navigation, and really understand that when we're switching from one page to another, we're rendering with the power of the virtual DOM. These are all React components. Rerendering and the code splitting is happening per component, and the prefetching is happening with the link components so we know that when we're in the homepage, this page is actually getting a prefetch and vice versa. When we're here at first post, then the prefetch is the back to home. With all this in mind, let's take a look at something we haven't really been diving into too much, and that's the built-in support that Next has for styling. Of course, when it comes to styling and web pages, we use CSS and Sass for the most part, and then various frameworks and libraries of those. So the following lessons are really going to take a look at that. But we're…

Contents