💻 Программирование [Michael Guay] Создаём Todo-приложение на Turborepo, tRPC, Next.js, NestJS и React Native (2026)

  • ОФОРМИТЬ ПОДПИСКУ

Calvin Candie

Вечный

Calvin Candie

Вечный
2 Сен 2018
55,526
13,516
Автор: Michael Guay
Название: Создаём Todo-приложение на Turborepo, tRPC, Next.js, NestJS и React Native (2026)

1793541022325.png

[Michael Guay] Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native (2026)

Язык: английский

Если вы давно хотели собрать полноценный продукт, в котором веб, мобильное приложение и сервер работают с одними и теми же типами, этот курс Майкла Гая даёт готовый маршрут. Вместо разрозненных туториалов по отдельным фреймворкам вы шаг за шагом соберёте один проект, где Turborepo, tRPC, Next.js, NestJS и React Native связаны в общую систему.

Главная проблема многих разработчиков: они знают React или Node.js по отдельности, но теряются, когда нужно организовать большой проект с общим кодом для нескольких платформ. Здесь на примере Todo-приложения разобрано, как устроить монорепозиторий, не дублировать бизнес-логику и не ловить ошибки на стыке клиента и сервера.

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

Вы разберётесь в современных инструментах экосистемы TypeScript и соберёте единое full-stack Todo-приложение из трёх частей: веб-клиента, мобильной версии и производительного серверного backend. Обучение выстроено так, чтобы системно объяснить работу монорепозиториев, архитектуру с общей типизацией и взаимодействие Turborepo, tRPC, Next.js, NestJS и React Native друг с другом.

Что вы создадите в рамках курса:
Вы соберёте многоуровневое приложение, в котором бизнес-логика и типы общие для всех частей, а при разработке и оптимизации применяются современные подходы. На выходе получится настоящий рабочий проект: его можно масштабировать, развивать дальше и показывать работодателю.

Единая архитектура на базе Turborepo:
Вы освоите грамотную структуру монорепозитория: код делится на независимые пакеты, а общие модули переиспользуются между ними.
  • Организация рабочих пространств
  • Настройка кэширования и пайплайнов
  • Общий конфиг для ESLint, TypeScript и UI-компонентов
Типобезопасный веб-фронтенд на Next.js и tRPC:
Поэтапно вы соберёте современный веб-клиент, в котором каждый запрос строго типизирован и на стороне клиента, и на стороне сервера.
  • Работа с серверными компонентами Next.js
  • Создание tRPC‑роутов и middleware
  • Реализация CRUD для задачи Todo
Надёжный backend на NestJS:
Серверную часть приложения вы выстроите по лучшим практикам модульной архитектуры NestJS.
  • Слои контроллеров, сервисов и модулей
  • Взаимодействие с базой данных
  • Интеграция с tRPC и общими типами
Мобильная версия на Expo и React Native:
Чтобы продукт был по-настоящему законченным, вы сделаете мобильное приложение, которое обращается к тому же API, что и веб-версия.
  • Создание экранов и навигации
  • Подключение к серверу через tRPC
  • Синхронизация данных между вебом и мобилкой
Кому подойдёт этот курс:
Программа для разработчиков, которые хотят выйти на новый уровень: научиться работать с монорепозиториями, приложениями под несколько платформ и самыми современными инструментами экосистемы JavaScript.
  • Frontend-разработчикам, желающим освоить full‑stack
  • Backend-разработчикам, которые хотят освоить современные клиентские технологии
  • Разработчикам React/React Native, стремящимся к типобезопасной архитектуре
  • Тем, кто хочет создать масштабируемый pet‑project уровня продакшена
Чему вы научитесь:
  • Работать с монорепозиторием через Turborepo и PNPM
  • Создавать типобезопасное API с tRPC
  • Разрабатывать современные приложения на Next.js
  • Строить надёжный сервер на NestJS
  • Создавать мобильные приложения на Expo/React Native
  • Объединять веб, backend и мобильный клиент под единой архитектурой
Результат прохождения:
По итогам обучения у вас будет готовое full-stack Todo-приложение: общая кодовая база, продуманная архитектура и сквозная типобезопасность от сервера до мобильного клиента. Кроме того, у вас появится практический опыт разработки в монорепозитории, а такие навыки сейчас высоко ценятся на рынке.

Для кого подойдёт:
  • React-разработчикам, которые хотят выйти за пределы фронтенда и собрать собственный backend на NestJS
  • Node.js-разработчикам, которые хотят научиться делать веб- и мобильные клиенты на общих типах
  • Командам и тимлидам, которые планируют перевести несколько проектов в один монорепозиторий на Turborepo
  • Junior и middle-разработчикам, которым нужен цельный проект для портфолио
  • Тем, кто хочет попробовать связку tRPC + Next.js + Expo на реальном примере
Что получите:
  • Рабочее Todo-приложение из трёх частей: веб, мобильное приложение и сервер
  • Шаблон монорепозитория с общими конфигами ESLint, TypeScript и UI-компонентами
  • Практику построения типобезопасного API на tRPC с middleware и CRUD
  • Понимание модульной архитектуры NestJS и её интеграции с общими типами
  • Опыт синхронизации данных между веб-версией и мобильным приложением на Expo
Подробнее:
Скрытое содержимое доступно для зарегистрированных пользователей!

Скачать:
 

Похожие темы