Next.js с React и Node - красивое приложение-портфолио

Next.js (Next 7), React (React16+) и Node. Узнайте, как создать изоморфный сайт, включая SEO, блог и развертывание. Если вы планируете начать карьеру разработчика или просто хотите усовершенствовать свои навыки программирования, тогда этот курс подходит именно вам. Узнайте, как создать удивительный сайт-портфолио, которым вы сможете поделиться со своими коллегами или будущими работодателями.

Получите все необходимое для начала веб-разработки в одном курсе! Начните с технологий веб-разработки до более сложных тем, пока ваше приложение не будет развернуто в Heroku и доступно в Интернете.

Этот ресурс - единственное, что вам нужно, чтобы начать веб-разработку с Next.js, React и Node. В ходе этого курса вы получите уверенность и навыки, необходимые для запуска собственных проектов, вы получите правильное мышление, чтобы подать заявку на карьеру разработчика и улучшить свои навыки в таких современных средах, как Next.js, React.js и Node.

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

Кроме того, мы будем работать над базовым макетом нашего портфолио-приложения, создадим первые страницы и базовый стиль.

Позже в этом курсе мы рассмотрим аутентификацию с Auth0 на стороне клиент / сервер. Пользователи смогут проходить аутентификацию с помощью Google или другого социального провайдера.

Далее мы будем работать как на сервере, так и на клиенте, и реализуем базовую функциональность. Мы создадим CRUD (создание, чтение, обновление, удаление) API. Вы узнаете, как использовать формы в React, и познакомитесь с популярным пакетом Formik.

После раздела портфолио вам будет предложен Slate Framework. Мы начнем работать над функцией блога. Я покажу вам, как создать редактор блогов, похожий на Medium. Мы создадим функциональность для сохранения и обновления портфелей. Затем мы создадим страницу панели блогов, чтобы пользователи могли управлять созданными ими блогами. Клиенты смогут публиковать и удалять блоги. Все опубликованные блоги смогут прочитать все на нашем сайте.

Далее мы будем работать над UX-улучшениями нашего сайта. Вы узнаете, как создавать простые анимации и как улучшить пользовательский опыт. Вы познакомитесь с CSS.

Тогда мы перейдем к SEO (поисковая оптимизация). Вы изучите основы SEO. Мы будем предоставлять нашему веб-сайту больше семантической информации и улучшать страницы, чтобы веб-сайт нашего портфолио был еще более привлекательным и более конкурентоспособным в Интернете.

В последнем разделе мы начнем подготовку нашего приложения к развертыванию. Мы будем делать улучшения производства и производительности. Позже в этом разделе будут развернуты наши приложения на Heroku. Наше портфолио будет доступно всем в Интернете.

В течение этого курса мы будем переключаться с нашего внешнего интерфейса на наше внутреннее приложение Node. Это приложение Node будет отвечать за обработку и хранение наших бизнес-данных в MongoDB.