Разное Создаём Todo-приложение на Turborepo, tRPC, Next.js, NestJS и React Native - Guay (2026)

[Zero]

Автор: Michael Guay
Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native
Курс: Создаём Todo-приложение на Turborepo, tRPC, Next.js, NestJS и React Native
Язык: английский

О чём курс:

Курс посвящён созданию full-stack Todo-приложения, объединяющего веб-клиент, мобильную версию и сервер в общей архитектуре с типизированными данными и кодом. На примере проекта рассматриваются организация монорепозитория в Turborepo и PNPM, общие пакеты и конфигурации, кэширование и пайплайны, а также создание веб-клиента на Next.js с tRPC-роутами, middleware и CRUD для задач. Серверная часть охватывает модульную архитектуру NestJS, контроллеры, сервисы, модули, взаимодействие с базой данных и интеграцию с tRPC и общими типами; для мобильного приложения на Expo и React Native разбираются экраны, навигация и подключение к тому же API. Материал подойдёт frontend- и backend-разработчикам, специалистам по React и React Native, а также командам, работающим над монорепозиториями и приложениями для нескольких платформ. Курс ведётся на английском языке; автор — Michael Guay.

Если вы давно хотели собрать полноценный продукт, в котором веб, мобильное приложение и сервер работают с одними и теми же типами, этот курс Майкла Гая даёт готовый маршрут. Вместо разрозненных туториалов по отдельным фреймворкам вы шаг за шагом соберёте один проект, где 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

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.