К содержанию
Первый Коммит

Модуль 3 после покупки курса

Стилизация и UI

  • CSS Modules
  • Tailwind CSS
  • shadcn/ui
  • next/font
  • next/image
  • metadata

#3.1. Способы стилизации в Next.js

Next.js поддерживает несколько подходов к стилизации:

  • CSS Modules — локальные стили для компонентов (.module.css)
  • Tailwind CSS — utility-first CSS-фреймворк
  • Глобальные стили — globals.css
  • CSS-in-JS — styled-components, emotion (требуют настройки)
  • Sass/SCSS — поддерживается без настройки, достаточно установить пакет sass

Платная часть курса

Остальные модули открывает покупка курса

Первые 2 модуля курса «Next.js» открыты всем. Остальные 12 модулей, включая этот, открываются после покупки курса. Доступ остаётся навсегда вместе со всеми обновлениями курса.

Уже купили этот курс? Войдите, и он откроется.

В этом модуле 11 разделов

  1. 3.1. Способы стилизации в Next.js
  2. 3.2. CSS Modules
  3. 3.3. Tailwind CSS
  4. 3.4. Практика: карточка на Tailwind
  5. 3.5. Подключение shadcn/ui
  6. 3.6. Оптимизация шрифтов (next/font)
  7. 3.7. Оптимизация изображений (next/image)
  8. 3.8. Практика: галерея изображений
  9. 3.9. Метаданные (SEO)
  10. Итоги модуля 3
  11. Домашнее задание

Введите запрос: название модуля, тема или раздел.

Стрелки — выбор, Enter — открыть. Ищет по названиям модулей, темам и разделам.