Next.js - От Разработки к Развертыванию

Next.js - это фреймворк для создания веб-сайтов React, с рендерингом на стороне сервера, а также статических веб-сайтов. Это проектный курс для изучения Next.js. Мы создадим приложение для музыкальных событий, которое даст вам базовые знания, необходимые для создания ваших собственных приложений и будем использовать Strapi (headless CMS) в качестве нашего бэкенда, но вы можете использовать что угодно.

Мы изучим основы Next.js, например ...

• Страницы и маршрутизация;
• Методы выборки данных - getServerSideProps, getStaticProps, getStaticPaths;
• Кастомные маршруты API;
• Статическая генерация;
• CSS стили;
• Оптимизация изображений.

В нашем основном проекте мы также будем работать с ...

• Strapi CMS;
• Аутентификация с помощью JWT (веб-токены JSON);
• Авторизация и контроль доступа;
• Хранение файлов HttpOnly Cookies  на сервере;
• Пагинация, поисковые фильтры и т. д;
• Загрузка изображений с интеграцией Cloudinary;
• Развертывание на Vercel и Heroku.

Next.js также можно использовать в качестве генератора статических сайтов. Я добавлю полностью статичный проект блога в течение месяца после первого выпуска и, возможно, третий проект в будущем.

Что нужно знать перед тем, как пройти этот курс?

Вы должны знать основы JavaScript и современные функции JavaScript, такие как стрелочные функции, реструктуризация, spread operator.

Вы также должны знать основы React. Я не буду объяснять такие вещи, как компоненты, props, JSX.