fireship.io
Fireship.io - это экосистема подробных и практических ресурсов для разработчиков, которые хотят создавать и поставлять высококачественные приложения.
Продолжительность
1 ч 39 мин
Категория
React.jsКоличество уроков
29 Видео
Дата добавления
11 янв. 2023 г., 22:18
Язык
Английский
Дата выхода
23 нояб. 2022 г., 01:00
Дата обновления
29 апр. 2026 г., 16:57
React Supabase: Полный курс — это практическое обучение, которое поможет вам создать современное веб‑приложение с нуля, используя Supabase, React, TypeScript и PostgreSQL.
О чем этот курс
Курс ориентирован на разработчиков, желающих освоить полный цикл создания веб‑приложения на основе Supabase и React. Вы на практике создадите приложение, вдохновленное Reddit, и освоите все этапы разработки — от настройки базы данных до развертывания.
Практическая направленность
Каждый модуль курса основан на реальном проекте, что позволяет сразу применять новые навыки в действии.
Современный технологический стек
Вы будете работать с актуальными инструментами:
- React — для создания динамичного интерфейса
- Supabase — как бэкенд‑решение для аутентификации, хранения данных и API
- PostgreSQL — профессиональная реляционная база данных
- TypeScript — для типобезопасности и надежности кода
Чему вы научитесь
Курс охватывает все ключевые аспекты создания полнофункциональных приложений на Supabase и React.
Основы и продвинутые возможности Supabase
- Настройка проекта Supabase
- Работа с базами данных и таблицами
- Использование типов и генераторов схем в TypeScript
Создание UI на React
- Построение компонентной структуры
- Создание интерактивных элементов интерфейса
- Управление состоянием и формами
Типобезопасность и работа с данными
Вы освоите типобезопасные запросы к базе данных и узнаете, как минимизировать ошибки благодаря интеграции TypeScript с Supabase.
Аутентификация и безопасность
- Работа с пользовательскими сессиями
- Настройка Row-Level Security (RLS)
- Создание защищенных эндпоинтов и правил доступа
Проектирование базы данных
Курс научит моделировать данные в реляционных БД, связывать таблицы и использовать SQL‑запросы для сложной бизнес‑логики.
Расширенные возможности PostgreSQL
- Использование триггеров и функций
- Автоматизация бизнес‑логики на стороне базы
- Настройка вычисляемых полей и правил
Сквозное тестирование с Playwright
Вы узнаете, как тестировать приложение «от начала до конца» и автоматизировать сценарии пользовательских взаимодействий.
Развертывание полного стека
В финальной части курса вы развернете свое приложение в продакшене и научитесь применять лучшие практики деплоя.
Итоги и результаты обучения
После завершения курса вы сможете самостоятельно разрабатывать полнофункциональные веб‑приложения, создавать надежную архитектуру данных, обеспечивать безопасность пользователей и выкатывать проекты в продакшен с уверенностью.
Этот курс идеально подойдет, если вы хотите:
- Освоить Supabase как альтернативу Firebase и традиционным backend‑решениям
- Укрепить свои навыки React и TypeScript
- Научиться строить реальное приложение полного стека
- Работать с PostgreSQL на продвинутом уровне
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:01:34Meet Zack
- Урок 2. 00:02:39Resources
- Урок 3. 00:02:37Supabase in 100 Seconds
- Урок 4. 00:13:15React Primer
- Урок 5. 00:27:06Supabase Primer
- Урок 6. 00:01:27Frontend Setup
- Урок 7. 00:03:58Supabase CLI
- Урок 8. 00:02:57Playwright E2E Testing
- Урок 9. 00:01:47Styling
- Урок 10. 00:01:34Routing and Layout
- Урок 11. 00:03:46Connect to Supabase
- Урок 12. 00:02:18Database Tables
- Урок 13. 00:01:26Row Level Security
- Урок 14. 00:01:54Enable RLS
- Урок 15. 00:00:45Generate Types
- Урок 16. 00:01:25Signup Flow Tests
- Урок 17. 00:02:44Session Hook
- Урок 18. 00:01:20User Context
- Урок 19. 00:03:08Login Screen
- Урок 20. 00:03:19Custom Usernames
- Урок 21. 00:01:46Message Board Tests
- Урок 22. 00:01:15Postgres Extensions
- Урок 23. 00:03:42Normalized Data Modeling
- Урок 24. 00:01:58Post List
- Урок 25. 00:02:25Post Detail
- Урок 26. 00:02:34Upvotes
- Урок 27. 00:02:59Database Deployment
- Урок 28. 00:01:24Authentication Deployment
- Урок 29. 00:00:47Web Deployment
- Live App: https://supaship.io
- Demo of our course’s endpoint (note: auth will not work): https://supaship-course-demo.netlify.app
- Github repo: https://github.com/fireship-io/supaship.io
- Branch showing the end state of our course: https://github.com/fireship-io/supaship.io/tree/course-end-point
Автор - fireship.io
Комментарии