leveluptutorials
LevelUpTutorials - площадка, созданная двумя любителями, которые делают курсы для frontend разработчиков. В основном курсы по Meteor.js.
Продолжительность
4 ч 43 мин
Категория
React.jsКоличество уроков
25 Видео
Дата добавления
3 нояб. 2019 г., 14:33
Язык
Английский
Дата выхода
1 нояб. 2019 г., 14:32
Дата обновления
29 апр. 2026 г., 05:17
FullStack React с NextJS — это практический курс, в котором вы шаг за шагом создадите полноценное приложение на базе React, Next.js v9, Apollo и MongoDB. Материал ориентирован на разработчиков, желающих углубить знания во фронтенде и освоить современный бэкенд‑подход.
Что вы изучите в этом курсе
Курс охватывает ключевые технологии, необходимые для построения производительных и масштабируемых веб‑приложений. Вы научитесь работать как с клиентской, так и с серверной частью проекта.
Основы и продвинутые возможности Next.js
- Рендеринг на стороне сервера (SSR) и статическая генерация (SSG)
- Работа с маршрутизацией и динамическими страницами
- Организация структуры проекта и оптимизация загрузки
Работа с React в FullStack‑подходе
- Создание компонентной архитектуры
- Управление состоянием и взаимодействие с API
- Использование хуков в реальных задачах
Создание API с Apollo
- Настройка Apollo Server
- Создание схем, запросов и мутаций
- Интеграция Apollo Client в Next.js
Работа с MongoDB
- Подключение базы данных к приложению
- Создание моделей и взаимодействие с коллекциями
- Обработка данных и написание CRUD‑операций
Практический подход к обучению
На протяжении курса вы будете создавать полноценное приложение, совмещая полученные знания на каждом этапе. Такой подход позволяет лучше понять взаимосвязь компонентов Frontend и Backend.
Пошаговая реализация проекта
- Настройка Next.js‑проекта и базовой конфигурации
- Разработка интерфейса приложения
- Создание и интеграция GraphQL API
- Подключение и настройка MongoDB
- Реализация логики приложения и финальная оптимизация
Кому подойдёт курс
Курс будет полезен:
- Фронтенд‑разработчикам, желающим освоить серверную часть
- FullStack‑разработчикам, работающим с современным стеком JavaScript
- Тем, кто хочет понять, как строить масштабируемые приложения с React и Next.js
Итог
По завершении курса вы будете уверенно работать со стеком React + Next.js + Apollo + MongoDB, создавая полноценные FullStack‑приложения. Это отличная база для дальнейшего профессионального роста.
- Урок 1.00:00:28Series Introduction
- Урок 2.00:06:44#1 What Is NextJS?
- Урок 3.00:08:52#2 Getting Started With NextJS
- Урок 4.00:10:05#3 Creating Page
- Урок 5.00:11:23#4 Links In NextJS
- Урок 6.00:11:09#5 API Routes in NextJS 9
- Урок 7.00:09:30#6 Setting Up Our Apollo Server
- Урок 8.00:16:48#7 Apollo Client
- Урок 9.00:25:11#8 Apollo Client Part 2SSR
- Урок 10.00:07:02#9 Apollo Client Part 3rd Party APIs
- Урок 11.00:11:12#10 Developing Our Interface
- Урок 12.00:19:53#11 Habits Form
- Урок 13.00:15:12#12 CSS In NextJS
- Урок 14.00:09:11#13 DotEnv in NextJS
- Урок 15.00:12:43#14 Setting Up MongoDB
- Урок 16.00:12:30#15 Our GraphQL API
- Урок 17.00:10:27#16 Connecting Our API To Apollo Server
- Урок 18.00:06:45#17 Apollo Hooks To Query Data
- Урок 19.00:09:59#18 Writing To Our DB with A Mutation
- Урок 20.00:06:43#19 Querying From The Database
- Урок 21.00:14:47#20 Our Habit Events
- Урок 22.00:12:33#21 Error States
- Урок 23.00:13:49#22 Adding Events To The Database
- Урок 24.00:17:31#23 Now Hosting and Pitfalls
- Урок 25.00:03:04#24 Where To Go From Here
Автор - leveluptutorials
Комментарии