⚡Backend

Supabase Datenbank einrichten

Deine Datenbank in 5 Minuten -- kostenlos

Supabase gibt dir eine PostgreSQL-Datenbank, Auth, Storage und APIs -- alles kostenlos zum Starten. Die perfekte Backend-Loesung fuer deine Web-App.

Pro-Tip — Der schnelle Weg
Erstelle deine Tabellen im Supabase Dashboard mit dem Table Editor -- das ist visuell und du brauchst kein SQL zu koennen.
Seite 1
1

Account erstellen

Geh auf supabase.com und erstelle einen kostenlosen Account.

2

Neues Projekt anlegen

Klick auf New Project, waehle einen Namen und ein sicheres Datenbank-Passwort.

3

Supabase Client installieren

Installiere den Supabase Client in deinem Next.js Projekt.

npm install @supabase/supabase-js
4

Umgebungsvariablen setzen

Kopiere URL und Anon Key aus den Projekteinstellungen in deine .env.local.

NEXT_PUBLIC_SUPABASE_URL=deine-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=dein-key
5

Client erstellen

Erstelle eine Supabase-Client-Datei fuer dein Projekt.

import { createClient } from "@supabase/supabase-js";


export const supabase = createClient(
 process.env.NEXT_PUBLIC_SUPABASE_URL!,
 process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
);
6

Erste Tabelle anlegen

Erstelle im Dashboard eine Tabelle, z.B. 'posts' mit id, title, content, created_at.

Seite 2
Warum das funktioniert
  • Du bekommst eine echte PostgreSQL-Datenbank ohne Server-Setup.
  • Die REST-API wird automatisch aus deinen Tabellen generiert.
  • Claude Code kann direkt Supabase-Queries fuer dich schreiben.
Tipps
  • Nutze Row Level Security (RLS) von Anfang an -- Supabase aktiviert das automatisch.
  • Der Table Editor ist perfekt fuer Anfaenger, kein SQL noetig.
  • Supabase hat ein grosszuegiges Free Tier -- reicht fuer die meisten Projekte.
Seite 3
Bereit für den nächsten Schritt?

KIWorld VibeCoding Masterclass

Du willst nicht nur einzelne Tools einrichten, sondern wirklich lernen wie du mit KI komplette Apps, Websites und SaaS-Produkte baust? Über 700 Videos — von Anfänger bis Fortgeschritten — in jedem Bereich. Von der Idee bis zum fertigen Produkt, ohne eine Zeile Code selbst zu schreiben.

Jetzt Masterclass ansehen