Освоение Next.js
Эй, все! Я Ли, создатель Mastering Next.js. Этот курс был первоначально выпущен в 2019 году. Next.js развивался довольно немного с тех пор, как V9, и некоторые из этого курса официально «устарели».
Я обновил обзор курса ниже, чтобы аннотировать, какие детали обновлены, которые изменились, и каковы мои новые предложения. На мой взгляд, это идеальный способ развития этого курса. Видео будут посвящены тому моменту времени, но новые дополнения к структуре значительно облегчают некоторые аспекты.
- ? До настоящего времени
- ? Устаревший
- ? Не рекомендую
Введение
- ? Смотрите сейчас (26:07)
- ? Вот мои последние мысли о сравнении структуры
- ? В этом видео упоминается оптимизация изображений, которая теперь поддерживается в next.js
React Обзор
Я преподавал классные компоненты в 2019 году для тех, кто все еще находится в процессе конвертации в реагирование крючков. В 2021 году теперь стандартно использовать React Hooks для всех проектов, и я бы порекомендовал начать там.
- ? Посмотреть урок (21:01)
- ? Просмотреть код
- ? Реквизит и штат
- ? Функциональные компоненты
- ? Реагировать крючки
- ? ES6
- ? JSX
- ? Классовые компоненты
Разработка локально
- ? Смотрите урок (9:49)
- ?
next dev , next build и next start - ? Красивее
- ? Оптимизация изображений теперь поддерживается в next.js
- ? Eslint теперь интегрирован в next.js
- ? Стандарт (более красивый + Eslint Win)
Навигация между страницами
- ? Посмотреть урок (19:25)
- ? Просмотреть код
- ?
next/link (маршрутизация на стороне клиента) - ?
useRouter - ? Получение данных из URL
- ?
getInitialProps - это было в значительной степени заменено новыми APIS
Стиль
- ? Посмотреть урок (20:04)
- ? Просмотреть код
- ? Отзывчивый + мобильный дизайн
- ? стиль-JSX
- ? Модули CSS & CSS теперь поддерживаются из коробки
- ? Sass - я бы порекомендовал другие варианты
- ? Стили -компоненты - я бы порекомендовал другие варианты
Получение данных
- ? Посмотреть урок (46:30)
- ? Просмотреть код
- ? API -маршруты
- ? Квадрат
- ? Graphql
- ? Хасура
- ? Apollo Client - я бы порекомендовал SWR
- ? Пользовательский сервер - большинство потребностей в этом перешло в Next.js Core
next start .
Управление активами и SEO
- ? Посмотреть урок (14:19)
- ? Фавиконы
- ? Открытый график
- ? Основные темы все еще действительны для SEO
- ? Оптимизация изображений теперь поддерживается в next.js
- ? В настоящее время есть официальное руководство по SEO
Создание блога с MDX
- ? Посмотреть урок (32:32)
- ? Просмотреть код
- ? MDX против CMS
- ? Библиотека компонентов (тема пользовательского интерфейса) - я бы порекомендовал другие варианты
- ? Statickit - приобретенный Formspree
Аутентификация
- ? Посмотреть урок (23:34)
- ? JWTS
- ? Auth0
- ? У меня есть новый курс с использованием Firebase и Next.js
- ? Рекомендую Next-Auth для решения OSS сейчас
- ? Вот мои последние мысли о государственном управлении (формы)
Тестирование и обработка ошибок
- ? Посмотреть урок (33:12)
- ? Шутка
- ? Реагировать библиотеку тестирования
- ? Sentry (см. Последний пример)
Государственное управление и многое другое
- ? Посмотреть урок (25:41)
- ? Интеграция TypeScript
- ? Вот мои последние мысли о государственном управлении
- ? Redux (см. Последний пример)
Экспорт и развертывание
- ? Посмотреть урок (11:20)
- ? Вертел
- ? Вам больше не нужно настраивать что -либо в
vercel.json - это просто работает! - ? Zeit теперь Vercel