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.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Next.js Dev to Deployment,
а также все другие курсы, прямо сейчас!
Is there anybody who hit upon a problem with cookie deleting? It doesn't delete the token from the cookie absolutely. Any tips are welcome guys. Thanks in advance!
fadel
ah ok the update was adding the project 2
ASilentVoice
Hi, please update this course. Thanks.
fadel
ASilentVoice
what was the update ?
Anonymous
plz update this course.
Drekavac
Обновите курс пожалуйста!
Anonymous
Please update @andrew
edocrach32
Where is "Restore password" ?
Грандстантин
Thanks so much for uploading!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Устали проходить уроки и изучать инструменты, но никогда ничего не строить? Устали понимать только половину приложения? Готовы вывести свою карьеру на новый уровень? Этот курс предназначен для любого разработчика, который хочет использовать новейшие технологии (Next.js, React, TypeScript, GraphQL, Prisma и т. д.), и на самом деле создать целое приложение, интерфейс и серверную часть, от начала до конца.
Создайте сайт с нуля с помощью Next.js, TypeScript, Emotion и Netlify
Build a site from scratch with Next.js, TypeScript, Emotion and Netlify
Next.js - это фреймворк React, который предлагает решения таких проблем, как: объединение и перенос вашего кода React; разделение кода; возможность переключения между рендерингом на стороне клиента и рендерингом на стороне сервера в зависимости от страницы (например, целевая страница или страница настроек); маршрутизация на стороне клиента.
Создайте интернет-магазин с Next.js и Stripe Checkout
Create an eCommerce Store with Next.js and Stripe Checkout
Принимайте платежи и продавайте продукты на базе Stripe и лучших продуктов JAMStack. Существует столько же способов создать интернет-магазин в Интернете, сколько продуктов для продажи. Одно можно сказать наверняка: электронная коммерция никуда не денется, и, как профессиональные разработчики, мы должны понимать, как создавать полностью индивидуализированные магазины для наших клиентов, используя лучшие современные инструменты.
Добро пожаловать в 'Строго Типизированный Next.js'! Next.js обеспечивает Вам лучший опыт разработки со всеми функциями, необходимыми для продакшена: гибридный статический и серверный рендеринг, поддержка TypeScript, smart bundling, route pre-fetching и многое другое.