Supabase: бесплатная база данных для проектов Bolt.new
Узнайте, как подключить Supabase к проекту Bolt.new и добавить базу данных, авторизацию пользователей и хранилище файлов. Полное руководство для начинающих.
Supabase: мощный backend за 5 минут
Supabase — это платформа, которая предоставляет всё необходимое для создания полноценного веб-приложения: базу данных, авторизацию пользователей, хранилище файлов и многое другое. И всё это бесплатно для небольших проектов!
Зачем нужен Supabase?
Представьте: вы создали красивый сайт в Bolt.new. Но как сохранять данные пользователей? Как добавить регистрацию и вход? Где хранить загруженные фотографии? Ответ — Supabase.
База данных PostgreSQL Надёжная база данных, которая хранит информацию о товарах, пользователях, заказах и любых других данных.
Авторизация пользователей Готовая система регистрации и входа через email, Google, GitHub и другие сервисы.
Хранилище файлов Место для картинок, документов и других файлов, которые загружают пользователи.
Realtime обновления Данные обновляются мгновенно у всех пользователей без перезагрузки страницы.
Бесплатный план Supabase
Для учебных проектов и небольших сайтов бесплатного плана более чем достаточно:
- 500 МБ базы данных
- 1 ГБ хранилища файлов
- 50 000 активных пользователей в месяц
- Безлимитные API-запросы
Как создать проект в Supabase
Шаг 1: Регистрация Перейдите на supabase.com и создайте аккаунт через GitHub (это самый быстрый способ).
Шаг 2: Новый проект Нажмите "New Project", выберите название и регион. При выборе региона сервера сравните доступные у провайдера локации, аудиторию, задержку и требования к данным.
Шаг 3: Дождитесь создания Создание базы данных занимает 1-2 минуты.
Шаг 4: Получите ключи В настройках проекта найдите "Project URL" и "anon public key" — они понадобятся для подключения.
Подключение Supabase к Bolt.new
Bolt.new отлично работает с Supabase. Вот как их связать:
Способ 1: Автоматический При создании проекта в Bolt.new можно сразу попросить ИИ настроить подключение к Supabase. Просто напишите: "Создай сайт с базой данных Supabase для хранения товаров".
Способ 2: Ручной Если проект уже создан, попросите ИИ: "Добавь подключение к Supabase с такими ключами: [ваш URL] и [ваш ключ]".
Создание таблиц в Supabase
В интерфейсе Supabase есть удобный редактор таблиц:
- Перейдите в раздел "Table Editor"
- Нажмите "New Table"
- Укажите название и колонки
- Сохраните таблицу
Например, для интернет-магазина можно создать таблицу "products" с колонками:
- id (автоматический номер)
- name (название товара)
- price (цена)
- description (описание)
- image_url (ссылка на фото)
Row Level Security (RLS)
Важная функция безопасности! RLS позволяет контролировать, кто может читать и изменять данные.
Пример: пользователь может редактировать только свои заказы, но видеть все товары.
В Bolt.new можно попросить ИИ настроить RLS: "Настрой безопасность так, чтобы пользователи видели только свои данные".
Практические примеры использования
Блог с комментариями
- Таблица posts для статей
- Таблица comments для комментариев
- Авторизация для авторов
Доска объявлений
- Таблица listings для объявлений
- Хранилище для фотографий
- Фильтрация по категориям
Сайт бронирования
- Таблица bookings для записей
- Таблица services для услуг
- Email-уведомления
Преимущества Supabase для проектов
Надёжность Ваши данные хранятся на серверах Amazon Web Services — одной из самых надёжных инфраструктур в мире.
Скорость Европейские серверы могут ускорить загрузку, если регион сервера близок к аудитории.
Масштабируемость Начните бесплатно, а когда проект вырастет — перейдите на платный план без переделки кода.
Поддержка Активное сообщество и подробная документация на английском языке.
Изучение Supabase на курсах
На наших курсах программирования мы детально изучаем работу с Supabase: создание баз данных, настройку авторизации, работу с файлами и безопасность данных.
Supabase — это must-have инструмент для каждого, кто создаёт веб-приложения. В связке с Bolt.new вы получаете полный стек технологий для создания любых проектов!
