Добрый день. В этой статье рассмотрим как просто подключить базу данных supabase в Nuxt 3 приложение с нуля. Итак...приступим...
1) Создаем наше приложение Nuxt 3
npx nuxi init nuxt3-supabase
На этом шаге делаем инициализацию нашего приложения.
Далее в папке с нашим приложением выполняем установку зависимостей и пакетов:
npm install
Далее устанавливаем модуль supabase в наше приложение для работы с базой
npm install @nuxtjs/supabase --save-dev
Добавляем @nuxtjs/supabase в раздел modules файла nuxt.config.ts:
export default defineNuxtConfig({
modules: ['@nuxtjs/supabase'],
})
Теперь в корне нашего приложения создаем файл .env (точка перед названием обязательна) и в нем пишем строки:
SUPABASE_URL="https://example.supabase.co"
SUPABASE_KEY="<your_key>"
Эти строки берем из личного кабинета supabase в разделе Настройки - Api
Поле URL вписываем в SUPABASE_URL и Public Api вписываем в SUPABASE_KEY
Теперь с помощью команды npm run dev перезагружаем наше приложение и база подключена. Можно начинать разрабатывать полноценный проект с базой данных supabase.