Skip to content

    Foundations

    Create your first app

    Search Engine Optimization

    Excel

    0 points

    Foundations

    Create your first app

    Search Engine Optimization

    Excel

    Assets, Metadata, and CSS

    The second page we added currently does not have styling. Let's add some CSS to style the page.

    Next.js has built-in support for CSS and Sass. For this course, we will use CSS.

    This lesson will also talk about how Next.js handles static assets like images and page metadata like the <title> tag.

    What You’ll Learn in This Lesson

    In this lesson, you’ll learn:

    • How to add static files (images, etc) to Next.js.
    • How to customize what goes inside the <head> for each page.
    • How to create a reusable React component which is styled using CSS Modules.
    • How to add global CSS in pages/_app.js.
    • Some useful tips for styling in Next.js.

    Prerequisites

    • Basic CSS knowledge. This course will go over how to add CSS in a Next.js app, but it won't cover CSS fundamentals.

    If you’re looking for detailed documentation on Next.js styling, take a look at the CSS documentation.

    Start Now →