Ресурсы, метаданные и CSS
Добавленная нами вторая страница пока не имеет стилей. Давайте добавим CSS для оформления страницы.
Next.js имеет встроенную поддержку CSS и Sass. В этом курсе мы будем использовать CSS.
В этом уроке также будет рассмотрено, как Next.js работает со статическими ресурсами (например, изображениями) и метаданными страниц, такими как тег <title>.
Что вы изучите в этом уроке
В этом уроке вы узнаете:
- Как добавлять статические файлы (изображения и другие) в Next.js.
- Как настраивать содержимое
<head>для каждой страницы. - Как создавать переиспользуемые React-компоненты со стилями с помощью CSS Modules.
- Как добавлять глобальные CSS-стили в
pages/_app.js. - Полезные советы по стилизации в Next.js.
Необходимые знания
- Базовые знания CSS. Этот курс покажет, как добавлять CSS в Next.js-приложение, но не будет охватывать основы CSS.
Если вам нужна подробная документация по стилизации в Next.js, ознакомьтесь с документацией по CSS.