Bild vom Autor

# Einführung

Die Wahl eines Backends ist eine der wichtigsten Entscheidungen, die Sie beim Aufbau einer modernen Net- oder mobilen App treffen werden. Jahrelang, Feuerbasis ist die erste Wahl für Entwickler, die schnell starten möchten, ohne Server verwalten zu müssen. Aber vor kurzem, Supabase hat sich zu einer leistungsstarken Open-Supply-Different entwickelt.

Wenn Sie ein Entwickler sind, der sich mit APIs, Datenbanken und CRUD-Vorgängen (Create, Learn, Replace, Delete) auskennt, bietet Ihnen dieser Artikel einen klaren, neutralen Vergleich dieser beiden führenden Methoden Backend-as-a-Service (BaaS) Plattformen. Am Ende werden Sie wissen, welches zu Ihrem nächsten Projekt passt.

# Firebase auf einen Blick

Firebase ist eine umfassende App-Entwicklungsplattform, die 2011 eingeführt und 2014 von Google übernommen wurde. Sie bietet eine Reihe von Instruments, darunter a Cloud Firestore – eine nicht nur SQL (NoSQL)-Datenbank – Authentifizierung, serverlose Funktionen und Cloud-Speicher.

Firebase ist bekannt für seine Echtzeitsynchronisierung. Wenn sich Daten ändern, werden sie sofort auf allen verbundenen Shoppers aktualisiert, egal ob Net, iOS oder Android. Dadurch eignet es sich ultimate für Chat-Apps, Reside-Collaboration-Instruments und Echtzeit-Dashboards.

# Supabase auf einen Blick

Supabase ist eine Open-Supply-Firebase-Different, die im Jahr 2020 eingeführt wurde. Anstelle einer NoSQL-Datenbank baut sie darauf auf PostgreSQLeine der weltweit fortschrittlichsten und vertrauenswürdigsten relationalen Datenbanken.

Supabase bietet Ihnen eine Echtzeit-Engine, Authentifizierung, Speicherung und Edge-Funktionen und ermöglicht Ihnen gleichzeitig die Arbeit mit Tabellen, Zeilen und Structured Question Language (SQL). Es ist ein Favorit unter Entwicklern, die SQL lieben, aber keine Datenbankinfrastruktur verwalten möchten. Da es Open Supply ist, können Sie es bei Bedarf sogar selbst hosten.

# Vergleich der Kernfunktionen

Um zu entscheiden, welches Backend das richtige für Sie ist, lassen Sie uns die wichtigsten Säulen jeder BaaS-Plattform aufschlüsseln.

1. Die Datenbank: SQL vs. NoSQL. Dies ist der größte Unterschied zwischen den beiden.
   • Firebase (Cloud Firestore) verwendet ein dokumentenorientiertes NoSQL-Modell. Die Daten werden in Dokumentensammlungen gespeichert und es gibt kein festes Schema. Dies bietet große Flexibilität für eine schnelle Iteration, kann jedoch zu komplexen Abfragen und Datenduplizierungen führen, wenn Sie nicht vorsichtig sind. Firestore ist für umfangreiche Updates und Echtzeit-Updates optimiert.
   • Supabase (PostgreSQL) verwendet eine relationale SQL-Datenbank. Sie definieren Tabellen, Spalten und Beziehungen – beispielsweise Fremdschlüssel. Diese Struktur gewährleistet die Datenintegrität und eignet sich perfekt für komplexe Datenbeziehungen – denken Sie an E-Commerce-Bestellungen, Benutzerprofile und Inventar. PostgreSQL ist eine ausgereifte, funktionsreiche Datenbank mit Unterstützung für Ansichten, Funktionen und Set off.

   Urteil: Wenn Sie Tabellenkalkulationen und strukturierte Beziehungen lieben, wählen Sie Supabase. Wenn Sie JSON-ähnliche Dokumente bevorzugen und ohne Schema-Design schnell vorankommen müssen, wählen Sie Firebase.

2. Echtzeitfähigkeiten. Beide Plattformen bieten Echtzeitfunktionalität, funktionieren jedoch unterschiedlich.
   • Firebase: Echtzeit ist in den Kern integriert. Jeder Consumer, der ein Dokument oder eine Sammlung anhört, erhält sofort Aktualisierungen. Es ist nahtlos und erfordert nur minimale Einrichtung.
   • Supabase: Echtzeit ist eine zusätzliche Funktion, die die Replikation von PostgreSQL nutzt. Sie aktivieren die Replikation für bestimmte Tabellen und Supabase sendet Änderungen an verbundene Shoppers. Es ist leistungsstark, erfordert jedoch etwas mehr Konfiguration.

   Urteil: Firebase hat einen leichten Vorteil bei der einfachen Einrichtung in Echtzeit, aber der Ansatz von Supabase bietet Ihnen die volle Leistung von PostgreSQL unter der Haube.

3. Authentifizierung. Beide bieten eine robuste Authentifizierung mit E-Mail/Passwort, sozialen Logins (Google, GitHub) und magischen Hyperlinks.
   • Firebase Auth ist ausgereift und tief integriert Google Cloud Dienstleistungen. Es ist einfach einzurichten und zu verwalten.
   • Supabase Auth basiert direkt auf PostgreSQL. Benutzerdaten befinden sich im auth.customers Dadurch ist es einfach, Benutzerprofile mit anderen Tabellen in Ihrer Datenbank zu verknüpfen – ein großer Vorteil für die relationale Datenmodellierung.

   Urteil: Beide sind ausgezeichnet. Die enge Integration von Supabase mit PostgreSQL ist ein Gewinn, wenn Sie bereits SQL verwenden.

4. Preismodell.
   • Firebase: Bietet ein großzügiges kostenloses Kontingent („Spark“-Plan). Mit der Skalierung Ihrer App können die Kosten jedoch unvorhersehbar werden, insbesondere wenn Sie über ein hohes Lese-/Schreibvolumen verfügen. Da es sich um ein Privatunternehmen handelt, sind Sie an die Preise von Google Cloud gebunden.
   • Supabase: Hat auch ein sehr großzügiges kostenloses Kontingent. Da es Open Supply ist, haben Sie die Wahl: Bleiben Sie beim Cloud-Internet hosting oder hosten Sie es selbst in Ihrer eigenen Infrastruktur – wie z Amazon Net Companies (AWS) Relationaler Datenbankdienst (RDS) – um die Kosten zu kontrollieren.

   Urteil: Supabase bietet mehr Kostenflexibilität und Transparenz, insbesondere für große Apps.

5. Ökosystem- und Anbieterbindung.
   • Firebase: Sie kaufen in das Google-Ökosystem ein. Der Wechsel von Firestore zu einer anderen Datenbank erfordert eine umfassende Neufassung Ihrer App-Logik.
   • Supabase: Da es auf PostgreSQL basiert, sind Sie nie wirklich eingesperrt. Sie können Ihre Daten exportieren und zu jedem anderen PostgreSQL-Anbieter – wie AWS oder Google Cloud SQL – migrieren, ohne die Datenstruktur Ihrer App zu ändern.

   Urteil: Supabase überzeugt durch langfristige Flexibilität und Open-Supply-Freiheit.

# Wahl zwischen Firebase und Supabase

Wählen Sie Firebase, wenn:

• Sie erstellen eine Echtzeit-App für die Zusammenarbeit, bei der eine sofortige Synchronisierung von entscheidender Bedeutung ist
• Sie nutzen bereits Google Cloud-Dienste oder wünschen eine enge Integration mit ihnen
• Sie bevorzugen einen schemalosen NoSQL-Ansatz und möchten schnell iterieren
• Sie möchten eine riesige Group mit unzähligen Tutorials und Integrationen von Drittanbietern

Wann Sie sich für Firebase entscheiden sollten | Bild vom Autor

Wählen Sie Supabase, wenn:

• Sie benötigen komplexe relationale Daten – etwa Finanz-Apps oder Bestandssysteme
• Sie lieben SQL und möchten die volle Leistung von PostgreSQL nutzen – einschließlich Ansichten, Funktionen und Set off
• Sie befürchten eine Anbieterbindung und bevorzugen Open-Supply-Software program, die Sie selbst hosten können
• Du willst Sicherheit auf Zeilenebene (RLS) direkt in der Datenbank, was Supabase elegant mit PostgreSQL-Richtlinien handhabt

Wann Sie Supabase wählen sollten | Bild vom Autor

# Zusammenfassung

Weder Firebase noch Supabase sind objektiv „besser“. Die richtige Wahl hängt von den Anforderungen Ihrer App und Ihrer Komfortzone ab.

• Wählen Sie Firebase, wenn Sie den schnellsten Weg zu einem MVP (Minimal Viable Product) in Echtzeit suchen und mit der NoSQL-Datenmodellierung vertraut sind.
• Wählen Sie Supabase, wenn Sie einen SQL-Hintergrund haben, Apps mit komplexen Datenbeziehungen erstellen oder die Freiheit von Open-Supply-Software program schätzen.

Mit beiden Plattformen können Sie die Serververwaltung überspringen und Ihre App den Benutzern schneller zur Verfügung stellen. Der beste Weg, sich zu entscheiden? Probieren Sie bei beiden einen einfachen Prototyp aus und finden Sie heraus, welcher Arbeitsablauf sich natürlicher anfühlt.

// Überprüfung von Referenzen

Shittu Olumid ist ein Software program-Ingenieur und technischer Autor, der sich leidenschaftlich dafür einsetzt, modernste Technologien zu nutzen, um fesselnde Erzählungen zu erschaffen, mit einem scharfen Blick fürs Element und einem Gespür für die Vereinfachung komplexer Konzepte. Sie können Shittu auch auf finden Twitter.

Supabase, ein Open-Supply-Datenbankdienst, kündigte eine 100-Millionen-Greenback-Finanzierungsrunde der Serie E unter der gemeinsamen Leitung von Accel und Peak XV an. Durch die Investition beläuft sich die Unternehmensbewertung auf 5 Milliarden US-Greenback, was eine weitere bedeutende Kapitalspritze für das Startup darstellt.

Diese jüngste Finanzierung folgt einem konsequenten Muster hochwertiger Investitionen. Nur vier Monate zuvor schloss Supabase eine von Accel angeführte Serie-D-Runde über 200 Millionen US-Greenback ab, die das Unternehmen mit 2 Milliarden US-Greenback bewertete. Diese Runde fand sieben Monate nach einer 80-Millionen-Greenback-Serie-C-Finanzierung unter der Leitung des Sequoia-Spinoffs Peak XV und David Sacks‘ Craft Ventures statt. PitchBook schätzte die Put up-Cash-Bewertung für die Serie C auf etwa 765 Millionen US-Greenback.

Die Kombination der Runden der Serien C, D und E beläuft sich auf 380 Millionen US-Greenback, die im Laufe eines einzigen Jahres gesammelt wurden. Basierend auf der Schätzung von PitchBook für die Bewertung der Serie C spiegelt dieser Zeitraum einen Bewertungsanstieg von mehr als 500 Prozent wider. Mit dem neuen Kapital hat Supabase berichtet, dass die bisher eingeworbene Gesamtfinanzierung nun 500 Millionen US-Greenback erreicht hat.

Supabase wurde 2020 von CEO Paul Copplestone und CTO Ant Wilson gegründet und struggle ursprünglich ein Y-Combinator-Startup. Es wurde entwickelt, um Entwicklern eine Open-Supply-Different auf Postgres-Foundation zu Googles Firebase zu bieten, einer Datenbank, die auch für KI-Anwendungen entwickelt wurde. Die Supabase-Plattform wurde entwickelt, um die Datenbankeinrichtung zu vereinfachen, indem sie Postgres mit einer Reihe von Open-Supply-Instruments für Schlüsselfunktionen kombiniert. Dazu gehören Authentifizierung, automatisch generierte APIs, Dateispeicherung und ein Vektor-Toolkit, das für viele KI-gesteuerte Anwendungen erforderlich ist.

Der Dienst wurde zu einem beliebten Backend für Anwendungen, die Eingabeaufforderungen in natürlicher Sprache zum Schreiben von Code verwenden, wie z. B. Lovable und Bolt. Supabase gibt außerdem an, dass es sich um die Datenbank der Wahl für mehrere KI-Codierungstools handelt, darunter Figma, Replit, Cursor und Claude Code. Das Unternehmen behauptet, dass die Benutzerbasis eine Gemeinschaft von 4 Millionen Entwicklern umfasst. Im Zusammenhang mit der Finanzierung der Serie E kündigte Supabase an, dass es diesen Group-Mitgliedern den Kauf von Unternehmensaktien ermöglicht.

---

Hervorgehobener Bildnachweis

etwas alleine schaffen. Ich hatte Ideen, hatte aber nicht die Zeit und die Ressourcen, um daran zu arbeiten.

Die Probability, Apps oder andere Softwareprodukte für Nichtentwickler zu entwickeln, hat mit den Fortschritten von LLMs erheblich gesteigert, da Andrej Karpathy auch mit dem Begriff „Vibe-Codierung“ betonte.

Es gibt eine neue Artwork von Codierung, die ich „Vibe -Codierung“ nenne, bei der Sie den Vibes vollständig nachgeben, Exponentials annehmen und vergessen, dass der Code überhaupt existiert. Es ist möglich, weil der LLMs (z. B. Cursor -Komponist W. Sonnet) zu intestine werden. Außerdem spreche ich einfach mit Composer mit Superwhisper…

– Andrej Karpathy (@karpathy) 2. Februar 2025

Ich wollte meine Probability mit Vibe -Codierung nutzen und eine Net -App erstellen. Dies battle eher ein Experiment, um zu beweisen, dass ich in 2 Tagen eine App erstellen und bereitstellen kann. Es musste nicht perfekt sein, das minimal lebensfähige Produkt würde den Job erledigen.

In diesem Artikel werde ich einen hochrangigen Überblick über den Prozess geben, einschließlich einiger Tipps und Tips zu den Instruments, die ich verwendet habe und wie viel ich für sie ausgegeben habe. Wenn Sie das Endprodukt zuerst sehen möchten, ist es Drawcraft.io.

Ich habe Liebenswürdigkeit, Supabase und Netlify in diesem Projekt verwendet.

• Lieben ist ein sehr beliebter KI -App -Builder.
• Supabase ist eine Entwicklungsplattform, die alle Backend-bezogenen Prozesse abwickelt. Die nahtlose Integration zwischen liebenswerter und Supabase ist ein wichtiger Vorteil.
• Netlify wird zur Bereitstellung der App verwendet. Es werden auch Area -Namenskäufe behandelt (falls gewünscht).

Bevor ich anfange, eines dieser Instruments zu verwenden, habe ich mir ein paar YouTube -Movies auf Personen angesehen, die mit ihnen verwendet und entwickeln. Ich möchte darauf hinweisen, dass ich keine Zugehörigkeit zu diesen Instruments habe.

Aufbau mit liebenswürdiger

Liebenswert hat sowohl kostenlose als auch bezahlte Pläne. Der Professional -Plan verfügt über mehrere Preisoptionen mit unterschiedlichen Kreditbeträgen. Ich habe das günstigste für 25 USD professional Monat gekauft, was Ihnen 100 Credit gibt. Sie erhalten auch 5 kostenlose Credit professional Tag.

100 Guthaben bedeutet nicht genau 100 Eingabeaufforderungen, aber die Anzahl der von Ihnen ausgegebenen Credit ist direkt proportional zur Anzahl der Nachrichten (dh Eingabeaufforderungen).

Wenn Sie mit liebenswürdiger Aufbau bauen, wird vorgeschlagen, eine detaillierte erste Eingabeaufforderung mit klaren Anweisungen zu haben. Wenn Sie eine sehr einfache erste Eingabeaufforderung schreiben (z. B. eine Kalender -App erstellen), müssen Sie viele Nachrichten (dh Ausgeben von Credit) schreiben, um sie anzupassen. Das Hinzufügen komplexer Funktionen danach kann auch etwas komplizierter sein, als sie zunächst zu deklarieren.

Nachdem dies gesagt wurde, hier ist die erste Eingabeaufforderung, die ich verwendet habe:

## Goal
Develop an internet utility that permits customers to create custom-made drawing photographs utilizing a big language mannequin (LLM).

## Core Options

1. **Person Enter and Drawing Technology**
   - Customers can enter an outline of the drawing they want, corresponding to "Bugatti automotive," "Farmhouse," "Father and Child," or "Cristiano Ronaldo."
   - Customers choose an issue stage for the drawing: Newbie, Medium, or Superior. 
     - Newbie: Appropriate for young children with easy, distinct traces.
     - Medium: Average complexity with extra particulars.
     - Superior: Extremely detailed and complicated drawings.
   - The appliance reformats the consumer's enter right into a structured immediate for the LLM to generate the drawing.
   - Customers can view and obtain the generated picture in PNG format.

2. **Person Interface and Expertise**
   - Design a clear and trendy touchdown web page, just like a SaaS platform, utilizing whites and gentle colours for a minimalist aesthetic.
   - Make sure the interface is intuitive and user-friendly, facilitating simple navigation and interplay.

3. **Authentication and Subscription**
   - Implement consumer authentication and signup performance.
   - Provide two subscription tiers:
     - **Free Plan**: Permits as much as 3 drawings per thirty days.
     - **Professional Plan**: Permits as much as 20 drawings per thirty days at a price of $20 per thirty days.

## Technical Necessities

- **Frontend**: Use trendy net applied sciences to create a responsive and visually interesting consumer interface.
- **Backend**: Develop a strong backend to deal with consumer requests, handle subscriptions, and interface with the LLM for drawing technology.
- **Database**: Implement a database to retailer consumer info, subscription particulars, and drawing historical past.
- **Safety**: Guarantee safe dealing with of consumer knowledge and transactions, adhering to greatest practices in net safety.

## Extra Concerns

- Optimize the appliance for efficiency and scalability to deal with various hundreds and consumer calls for.
- Present clear directions and help for customers to maximise their expertise with the appliance.
- Think about implementing analytics to trace consumer engagement and drawing preferences for future enhancements.

Das erste Design erwies sich als ziemlich intestine, aber ich musste einige Anpassungen vornehmen. Nach der ersten Eingabeaufforderung habe ich hauptsächlich Nachrichten mit nur einer Anweisung verwendet. Sie können den Code auch für eine liebenswerte Benutzeroberfläche bearbeiten, um Änderungen vorzunehmen, und diese Änderungen konsumieren Ihre Credit nicht.

Supabase -Integration

Obwohl ich in meiner ersten Aufforderung geschrieben habe, Authentifizierung und Abonnement hinzuzufügen, funktionierte es nicht, weil es kein richtiges Backend hat. Hier kam Supabase ins Spiel.

Es ist sehr einfach, Supabase in Ihre liebenswerten Projekte hinzuzufügen. Sie erstellen einfach ein Supabase -Konto und befolgen die Schritte, um es in Ihr Projekt in liebenswerter Benutzeroberfläche zu integrieren.

Sobald die Supabase -Integration vollständig ist, kann liebenswert der Code zum Hinzufügen von Benutzerauthentifizierung und zum Erstellen von Datenbanktabellen und zum Hinzufügen von Kantenfunktionen zum Umgang mit Backend -Aufgaben werden.

Eins Downside Ich hatte battle, dass es kontinuierlich Anfragen zur Überprüfung des Benutzungsabonnementstatus gesendet habe. Ich habe dieses Downside festgestellt, indem ich die Netzwerkaktivität manuell überprüft habe. Ich musste ein paar Nachrichten für liebenswert ausgeben, um dieses Downside zu beheben. Dies könnte eine einfache Lösung gewesen sein, wenn Sie Entwickler sind. Ich konnte es alleine lösen, musste aber einige Zeit damit verbringen. Ich wollte mich nur schnell bewegen und für alles liebenswert benutzen.

Supabase Free Tier -Grenzen wurden schnell konsumiert, und ich musste auf einen bezahlten Plan aufrüsten, der 25 US -Greenback professional Monat kostet. Ich denke, das Downside, das ich oben erwähnt habe, hat den größten Teil meiner Grenze verbraucht.

Github -Integration

Liebenswerten macht es sehr einfach, Ihr Github -Konto zu integrieren. Sie können die Anweisungen zur liebenswerten Benutzeroberfläche befolgen, um die Integration zu vervollständigen und das Projekt in GitHub zu erstellen.

Wichtig: Denken Sie daran, dass jede Veränderung, die liebenswert in Ihrem Projekt vornimmt, automatisch in die Standardzweig in GitHub verpflichtet wird. Dies ist eine Zwei-Wege-Integration. Wenn Sie additionally Änderungen an der Standardzweig mit einer IDE- oder GitHub-Benutzeroberfläche vornehmen, werden diese Änderungen automatisch auf Ihr liebenswerter Projekt angewendet.

Ein anderer Downside Ich hatte es mit der Arbeit mit mehreren Zweigen. In liebenswerten Dokumenten wird angegeben, dass liebenswerte sich immer für den Standardzweig verpflichtet. Der Standardzweig battle zunächst die Hauptzweig. Als ich jedoch einen neuen Zweig erstellt und als Standardzweig festgelegt habe, spiegelte sich diese Änderung nicht von Liebenswerten wider. Es verpflichtete sich immer wieder zum Hauptzweig.

Eines der YouTube -Movies zeigt eine Choice, um die Filiale auf einer liebenswerten Benutzeroberfläche zu ändern, aber ich konnte sie nicht finden. Es scheint, als ob sich eine liebenswerte Benutzeroberfläche danach verändert hat. Vielleicht existiert es nicht mehr. Dies battle keine Blockade für mich, additionally ging ich weiter, aber ich möchte definitiv die Lösung für dieses Downside lernen.

Bereitstellung der App

Es gibt viele Alternativen zur Bereitstellung Ihrer App. Ich habe diesen Schritt nicht viel Gedanken gemacht. Ich habe ein paar Leute verwendet, die Netlify verwendet haben, additionally wollte ich es nur versuchen.

Netlify bietet einen kostenlosen Plan an, der mir ausreichte. Es gibt Ihnen 300 Credit und jede Bereitstellung kostet 15 Credit.

Sobald Sie ein Konto erstellt haben, können Sie Ihr GitHub -Projekt zu Netlify hinzufügen, indem Sie den Anweisungen folgen.

Sie können einen Netlify -Area -Namen kostenlos verwenden oder einen benutzerdefinierten Domänennamen über Netlify kaufen. Sie können Ihre Area natürlich anderswo kaufen und sie auf Netlify verwenden.

Wichtig: Standardmäßig bereitet Netlify Ihre Web site automatisch bereit, wenn Sie sich zu Ihrer Produktionszweig verpflichten. Wie ich bereits erwähnt habe, drücken liebenswerte Commits automatisch auf die Standardzweig. Wenn Ihre Standardzweig als Produktionszweig verwendet wird, was definitiv keine gute Praxis ist, wird Netlify immer dann eine Bereitstellung vornehmen. Das Downside dabei ist, dass Sie schnell Ihre kostenlosen Netlify -Credit verbrauchen.

Loveable’s Efficiency

Liebenswert hat großartige Arbeit geleistet, um eine ganze Net -App zusammenzustellen. Das Endprodukt ist jedoch nicht perfekt. Nachdem ich die Website eingesetzt und begann, bemerkte ich einige Probleme. Das Gute ist, dass sie alle geringfügige Probleme waren und ich sie liebenswerte Behebung haben konnte.

Ich wollte auch einige Probenzeichnungen zum Drawcraft.io hinzufügen. Ich habe versucht, es durch liebenswert zu machen, indem ich Zeichnungen im Chat angeschlossen habe, aber es hat nicht funktioniert. Dann habe ich die Beispielzeichnungen auf der Github -Benutzeroberfläche hochgeladen und liebenswert gebeten, mit diesen Bildern ein Field „kostenlose Beispielzeichnungen“ auf der Web site zu erstellen, und es funktionierte.

Wie viel habe ich ausgegeben

	Kosten (USD)	Element
Liebenswert	25	Monatliches Abonnement
Supabase	25	Monatliches Abonnement
Drawcraft.io	47	Kauf von Area -Namen für 1 Jahr
Openai API	5	Kosten der API -Forderung nach Aufforderung und Exams

Ich habe insgesamt 102 US -Greenback ausgegeben, um meine erste Net -App zu erstellen. Es ist eine einfache App, die eine einfache Sache tut, aber mein Ziel battle es, zu sehen, ob ich tatsächlich eine funktionale Web site mit KI-basierten Instruments erstellen könnte.

Es ist wichtig zu beachten, dass einige dieser Ausgaben für andere Projekte verwendet werden können. Jetzt liegt es an mir, mehr Ideen zu entwickeln und sie in die Tat umzusetzen.

Danke fürs Lesen. Bitte lassen Sie mich wissen, wenn Sie Suggestions haben.