К основному содержимому
whalio
▶

Видео этого урока скоро появится

Конспект урока доступен ниже

Урок 4 из 716 мин

Supabase: у сайта появляется база данных

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

Конспект урока

  1. 1

    Подключаем Supabase к проекту

    В настройках проекта открой раздел интеграций и подключи Supabase. После этого агент получает право заводить таблицы и серверные функции сам.

  2. 2

    Таблица заявок обычными словами

    Опиши поля по-человечески: имя, контакт, сообщение, дата создания, статус обработки. Готовый список полей проверь глазами в Table Editor на стороне Supabase.

  3. 3

    Доступ закрыт по умолчанию

    В Supabase работает построчная защита: без правил доступа таблица не читается и не пишется никем. Нужны ровно два правила: анонимная запись заявки и чтение только для тебя.

  4. 4

    База плюс уведомление

    Заявка одновременно пишется в таблицу и уходит в Telegram. Сообщение можно случайно удалить или потерять в переписке, база хранит всё.

  5. 5

    Смотрим и выгружаем данные

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

  6. 6

    Когда база не нужна

    Лендингу с парой заявок в неделю хватает формы и уведомления. База нужна, когда данные надо искать, менять, помечать статусами и показывать пользователю.

Практика

Подключи Supabase, заведи таблицу заявок и настрой запись формы в неё. Отправь две заявки и убедись, что обе видны в Table Editor вместе с датой.

Сделал? Отметь урок пройденным и переходи дальше