Как подключить базу данных Supabase в Bolt: пошагово и без типичных ошибок

Вторая — серверные функции (edge functions): небольшие кусочки кода, которые выполняются на стороне сервера, а не в браузере. Они нужны, когда логику нельзя доверять клиенту, — например, обработать платёж, отправить письмо, проверить права. Плюс, поскольку под капотом полноценный PostgreSQL, вы не заперты в упрощённой базе: когда проект дорастёт, туда можно писать полноценные SQL-запросы. Именно поэтому связка Bolt плюс Supabase перерастает уровень «игрушечного прототипа» и тянет реальные приложения. На практике это выглядит так: вы за вечер собираете в Bolt интерфейс, подключаете Supabase — и у вас уже есть приложение, где люди могут зарегистрироваться, что-то сохранить и вернуться к этому завтра. Ещё пару лет назад такое требовало отдельного бэкенд-разработчика и недель работы; сегодня это делает один человек в браузере за вечер, и именно поэтому связку Bolt с Supabase так полюбили те, кто собирает продукт в одиночку.

Два способа подключить Supabase — и что изменилось в 2026

Способов подключения два, а выбор между ними зависит от того, есть у вас уже проект или вы только начинаете.

Первый — для существующего проекта. Открываете его в Bolt, жмёте на шестерёнку в центре сверху, выбираете All project settings, дальше раздел Account и пункт Applications. Находите строку Supabase, жмёте Connect. Вас перебросит на авторизацию: входите под своими данными Supabase, подтверждаете доступ Bolt — и база привязана.

Второй способ — сразу при создании. На главной Bolt жмёте плюс, наводитесь на пункт Database и выбираете Supabase. Тогда база подключается на старте, ещё до первого промпта.

А теперь про главное упрощение 2026 года. Bolt выкатил нативную интеграцию с Supabase: в каждом новом проекте база есть сразу, без отдельной регистрации и настройки, и без доплаты. Плюс появились удобные мелочи — проект можно ставить на паузу и возобновлять прямо из Bolt, а одну базу использовать сразу в нескольких приложениях, хоть веб, хоть мобильных. Для новичка это значит, что про бэкенд можно какое-то время вообще не думать — он уже есть. Это заметно поменяло сам порядок работы: раньше сначала поднимали базу, потом строили вокруг неё приложение, а теперь наоборот — сначала собираешь то, что видит пользователь, и лишь когда доходит до «а где это хранить», база уже готова принять данные. Для человека, который не программист, а просто хочет собрать рабочий сервис, это огромная разница: не надо держать в голове инфраструктуру, пока не появилась реальная потребность.

Когда я первый раз подключал базу к готовому проекту, на этапе авторизации возникла заминка: Bolt запросил доступ к моему аккаунту Supabase, и на секунду стало не по себе — не отдаёшь ли лишнего. По факту это стандартный OAuth: вы не вводите ключи руками и не копируете пароли, а разрешаете двум сервисам общаться между собой, и доступ всегда можно отозвать в настройках. После подтверждения проект сразу увидел таблицы, и дальше в промпте можно было прямо просить «сохрани это в базу» — Bolt уже знал куда. Вся возня заняла минуты, и самым долгим было именно преодолеть это секундное «а безопасно ли».

Bolt не видит базу или подключение слетело — что делать?

Разберём самые частые грабли по порядку.

• Проект не на Vite. Причина номер один; разберём отдельно ниже, потому что она ломает всё на корню.
• Авторизация не завершилась. Всплывающее окно Supabase закрылось раньше времени или его заблокировал браузер — повторите Connect и доведите вход до конца, не закрывая вкладку.
• Подключение отвалилось после паузы. Ставили проект на паузу — базу иногда нужно возобновить вручную из того же меню, прежде чем приложение снова её увидит.

Если база подключена, а данные всё равно не сохраняются, первым делом проверьте, что вы действительно попросили Bolt использовать базу. Он не переносит логику в Supabase «сам собой» — ему нужно явно сказать в промпте, что именно хранить и куда. Частая ошибка новичка: база подключена, а в промптах он всё ещё просит просто «сделай форму», не уточняя, что данные надо сохранять. Bolt честно делает форму, которая ничего никуда не пишет. Проверяется это просто: заполнили форму, отправили, зашли в таблицу Supabase — если строка появилась, связь работает; если пусто, значит Bolt не связал форму с базой, и надо прямо попросить его сохранять данные в конкретную таблицу. Такой быстрый тест после каждой новой функции экономит часы: вы сразу видите, на каком шаге данные перестали доходить до базы, вместо того чтобы разбирать готовое приложение целиком. Ещё одно место, где спотыкаются, — ключи и доступы: при подключении через OAuth Bolt получает нужные права сам, но если вы пытаетесь связать проекты вручную, легко перепутать ключи одного проекта Supabase с другим. Если данные «уходят в никуда», первым делом проверьте, что подключён именно тот проект Supabase, который вы имеете в виду, а не соседний из вашего аккаунта.

Забирать ли встроенную базу?

Базу можно «забрать» (claim) в свой полноценный аккаунт Supabase и работать через дашборд и SQL-редактор. Стоит это делать, когда проект вырос и нужен полный контроль. Пока прототипируете — не усложняйте, встроенной хватает.

Сколько стоит Bolt Pro и как оплатить из России

Бесплатного тарифа Bolt хватает, чтобы попробовать и собрать прототип, но токены на ИИ-генерацию кода в нём ограничены и тают быстро. Платный Bolt Pro поднимает лимиты, а у Supabase бесплатный уровень щедрый, и доплата нужна уже под серьёзную нагрузку. Обе подписки зарубежные, российской картой их напрямую не провести — платёж завернёт по стране банка.

Так вы не окажетесь в ситуации, когда токены кончились на середине проекта, а продлить нечем и приложение застыло недособранным. Надёжность посредника, как всегда, стоит проверить заранее — по открытым отзывам в сообществе, а не по обещаниям.

С чего начать новичку

Если вы вообще впервые слышите про базы данных, вот спокойный порядок действий, чтобы не утонуть. Сначала соберите в Bolt простой интерфейс без всякой базы — просто чтобы увидеть, как работает генерация по промпту. Когда появится потребность что-то сохранить (список, профиль, запись), подключите базу тем способом, что описан выше, или воспользуйтесь той, что Bolt даёт по умолчанию.

Дальше не пытайтесь настроить всё сразу. Просите Bolt добавлять по одной возможности за раз: сначала сохранение записей, потом вход пользователей, потом что-то ещё. Так вы будете видеть, что именно ломается, если что-то пойдёт не так, а не гадать среди десятка изменений. И держите в голове, что Bolt пишет код по вашим словам буквально: чем конкретнее промпт («сохрани имя и почту в таблицу users»), тем предсказуемее результат. Расплывчатое «сделай базу» он поймёт по-своему. Полезная привычка — после каждого крупного шага проверять, что данные действительно сохраняются: добавили запись, обновили страницу, убедились, что она на месте. Так вы ловите проблему сразу, а не когда приложение уже обросло десятком функций поверх неработающей базы.

Почему на Next.js не заведётся, а на Vite да

А вот и обещанный подводный камень, на котором спотыкаются чаще всего. Нативная интеграция Supabase в Bolt работает с проектами на Vite — и не поддерживает Next.js. Если вы начали проект на Next.js и ждёте, что база подключится теми же двумя кликами, вас ждёт разочарование: кнопки будут, а связка не заведётся, и вы будете тыкать в них по кругу, думая, что сломались вы.

Вывод простой, и его лучше держать в голове с самого начала: планируете подключать Supabase родным способом — стартуйте проект на Vite. Это решение принимается на старте, а не на середине, потому что переезжать с Next.js на Vite ради базы данных — удовольствие сомнительное и долгое. Знаете об этом заранее — экономите себе вечер злости на пустом месте. Не знаете — узнаёте самым дорогим способом, уже вложив время в проект.