Bild vom Autor

# Einführung

Ich habe meine Secure Coin Cost-Plattform mit Vibe-Coding ausgestattet und alles lokal mit meinem eigenen Server-Setup mit Docker Compose ausgeführt.

Aber irgendwann wurde mir etwas Wichtiges klar: Es gibt wirklich keine einfache, selbst gehostete Plattform, die Skalierung, Bereitstellung und Multi-Service-Docker-Verwaltung bewältigen kann, ohne sich in einen Vollzeit-DevOps-Job zu verwandeln.

Dies veranlasste mich, nach Alternativen im Vercel-Stil zu suchen, die einfach zu verwenden sind und mir dennoch die Freiheit und Kontrolle geben, die ich möchte.

Die Self-Internet hosting-Plattformen, die ich vorstellen werde, basieren direkt auf meiner eigenen Erfahrung und den Schwierigkeiten, Instruments zu finden, die für Vibe-Programmierer tatsächlich funktionieren.

Wenn Sie bessere Preise, mehr Kontrolle, starke Sicherheit und echte Skalierbarkeit wünschen, können Ihnen diese Plattformen dabei helfen, Ihr Nebenprojekt in etwas zu verwandeln, das einem echten Startup viel näher kommt.

Das Beste daran ist, dass der Einstieg nichts Kompliziertes erfordert. Alles, was Sie wirklich brauchen, ist ein günstiger Hetzner-Server. Installieren Sie eine dieser Plattformen, von denen viele darauf ausgelegt sind, Bereitstellungen zu vereinfachen, sodass Sie sich auf den Aufbau statt auf die Verwaltung der Infrastruktur konzentrieren können, und Sie sind bereit, produktionsbereite Anwendungen mit Zuversicht bereitzustellen.

# 1. Dokploy

Dokploy ist eine stabile, benutzerfreundliche Bereitstellungslösung, die die Anwendungsverwaltung vereinfacht. Es dient als kostenlose, selbsthostbare Different zu Plattformen wie Heroku, Vercel und Netlify und nutzt gleichzeitig die Leistungsfähigkeit von Docker und die Flexibilität von Traefik, um Bereitstellungen reibungslos und effizient zu gestalten.

Hauptmerkmale:

• Einfachheit: Einfache Einrichtung und intuitive Verwaltung von Bereitstellungen.
• Flexibilität: Unterstützt eine Vielzahl von Anwendungen und Datenbanken.
• Open Supply: Völlig kostenlos und Open Supply für jedermann.

# 2. Abkühlen

Abkühlen ist ein selbsthostbares Open-Supply-PaaS, mit dem Sie Anwendungen, Datenbanken und Dienste wie WordPress, Ghost und Believable Analytics ganz einfach in Ihrer eigenen Infrastruktur bereitstellen können.

Es fungiert als DIY-Different zu Plattformen wie Heroku, Vercel und Netlify und ermöglicht Ihnen die Ausführung statischer Web sites, Full-Stack-Apps und Ein-Klick-Dienste auf jedem Server mit einfachen, automatisierten Instruments.

Hauptmerkmale:

1. Überall bereitstellen: Unterstützt die Bereitstellung auf jedem Server, einschließlich VPS, Raspberry Pi, EC2, Hetzner und mehr über SSH, und bietet so volle Flexibilität bei der Infrastruktur.
2. Umfangreiche Technologieunterstützung: Funktioniert mit praktisch jeder Sprache und jedem Framework und ermöglicht die Bereitstellung statischer Web sites, APIs, Backends, Datenbanken und vieler beliebter App-Stacks wie Subsequent.js, Nuxt.js und SvelteKit.
3. Integriertes Git und Automatisierung: Bietet Push-to-Deploy mit GitHub, GitLab, Bitbucket und Gitea sowie automatisches SSL, Server-Setup-Automatisierung und Pull-Request-Bereitstellungen für reibungslose CI/CD-Workflows.

# 3. Appwrite

Appwrite ist eine Open-Supply-Backend-as-a-Service-Plattform, die dank ihrer Websites-Funktion jetzt Full-Stack-Funktionen bietet, mit der Sie Web sites direkt neben Ihren Backend-Diensten bereitstellen können.

Da Full-Stack-Entwicklung die Handhabung von Frontend- und Backend-Komponenten bedeutet und Appwrite jetzt Web site-Internet hosting sowie APIs, Authentifizierung, Datenbanken, Speicher, Messaging und Funktionen unterstützt, bietet es alles, was zum Erstellen, Bereitstellen und Skalieren vollständiger Anwendungen auf einer einzigen Plattform erforderlich ist.

Hauptmerkmale:

1. Finish-to-Finish-Full-Stack-Plattform: Mit Websites für Frontend-Internet hosting und robusten Backend-Instruments wie Auth, Datenbanken, Funktionen, Speicherung, Messaging und Echtzeit deckt Appwrite den gesamten Net-Stack ab.
2. Versatile Integrationsmethoden: Unterstützt SDKs, REST, GraphQL und Echtzeit-APIs und ermöglicht so eine nahtlose Integration aus jeder Sprache oder jedem Framework.
3. Dateneigentum und einfache Migration: Bietet Migrationstools von Firebase, Supabase, Nhost und selbst gehosteten Setups, damit Entwickler Projekte einfach verschieben und gleichzeitig die volle Kontrolle über ihre Daten behalten können.

# 4. Dokku

Dokku ist eine erweiterbare Open-Supply-Plattform als Service, die auf einem einzelnen Server Ihrer Wahl ausgeführt wird und ähnlich wie ein selbst gehosteter Mini-Heroku funktioniert. Es erstellt Anwendungen automatisch aus einem einfachen Git-Push mithilfe von Dockerfiles oder der automatischen Spracherkennung über Buildpacks und führt sie dann in isolierten Containern aus.

Dokku integriert außerdem Technologien wie Nginx und Cron, um den Webverkehr weiterzuleiten und Hintergrundprozesse zu verwalten. Dies bietet Entwicklern eine einfache, aber leistungsstarke Möglichkeit, Apps in ihrer eigenen Infrastruktur bereitzustellen und zu betreiben.

Hauptmerkmale:

1. Git-gestützte Bereitstellungen: Pushen Sie Code über Git, um Apps im Handumdrehen mit Dockerfiles oder Buildpacks zu erstellen, ähnlich dem Workflow von Heroku.
2. Leichtes Einzelserver-PaaS: Läuft auf jedem Ubuntu/Debian-Server und verwendet Docker zur Verwaltung von App-Lebenszyklen, wodurch es einfach ist, eine Heroku-ähnliche Umgebung auf minimaler {Hardware} selbst zu hosten.
3. Erweiterbar und Plugin-freundlich: Unterstützt ein breites Ökosystem von Neighborhood- und offiziellen Plugins, sodass Entwickler ihren Bereitstellungen Datenbanken, Speicher, Überwachung und mehr hinzufügen können.

# 5. Juno

Juno ist eine serverlose Open-Supply-Plattform, mit der Sie Anwendungen in sicheren WASM-Containern erstellen, bereitstellen und ausführen können und dabei die volle Selbsthosting-Kontrolle und keine DevOps behalten. Es bietet einen vollständigen Backend-Stack, einschließlich Schlüsselwert-Datenspeicherung, Authentifizierung, Dateispeicherung, Analyse und serverlosen Funktionen, sodass Entwickler moderne Apps erstellen können, ohne die Infrastruktur verwalten zu müssen.

Juno unterstützt außerdem das Hosten statischer Web sites, das Erstellen vollständiger Webanwendungen und das Ausführen von Funktionen mit der Privatsphäre und Souveränität des Selbsthostings und bietet gleichzeitig ein vertrautes, cloudähnliches Entwicklererlebnis.

Hauptmerkmale:

1. Vollständiger serverloser Stack mit Self-Internet hosting-Kontrolle: Beinhaltet Datenspeicher-, Speicher-, Authentifizierungs-, Analyse- und serverlose Funktionen, die in sicheren WASM-Containern ausgeführt werden, sodass Sie die volle Kontrolle über Ihre Apps und Daten haben.
2. Zero-Setup-Entwicklererfahrung: Nutzen Sie die lokale Emulation für die Entwicklung und stellen Sie sie in isolierten Containern („Satelliten“) bereit, ohne dass DevOps erforderlich ist, und mit einem Workflow, der modernen Cloud-Plattformen ähnelt.
3. Entwickelt für Webentwickler: Verwenden Sie Ihre bevorzugten Frontend-Frameworks und schreiben Sie serverlose Funktionen in Rust oder TypeScript mit Vorlagen und Instruments, die die Erstellung von Full-Stack-Apps vereinfachen.

# Vergleichstabelle

Diese Vergleichstabelle zeigt, wofür jede Plattform am besten geeignet ist, wie Sie sie bereitstellen und welche Arten von Anwendungen sie ausführen kann, sodass Sie schnell die richtige selbstgehostete Different für Ihren Workflow auswählen können.

Plattform	Am besten für	Workflow bereitstellen	Was es läuft
Dokploy	Einfaches Selbsthosting im „Heroku-Stil“ mit starker Docker Compose-Unterstützung	UI-gesteuerte Bereitstellungen + Docker Compose	Container, Apps erstellen
Abkühlen	Kommt einem selbstgehosteten Vercel/Netlify am nächsten, plus vielen vorgefertigten Diensten	Git-Push zur Bereitstellung (GitHub/GitLab/Bitbucket/Gitea) + Automatisierung	Statische Web sites, Full-Stack-Apps, Dienste
Appwrite (mit Websites)	Eine Plattform für Backend (Auth/DB/Storage/Funktionen) plus Frontend-Internet hosting	Verbinden Sie Git-Repo oder verwenden Sie Vorlagen für Websites	Frontends + Backend-Dienste
Dokku	Leichtes „Mini-Heroku“ auf einem einzigen Server	Git Push wird über Buildpacks oder Dockerfile bereitgestellt	Containerisierte Apps
Juno	Serverlose Apps mit Selbsthosting-Kontrolle und minimalem Betriebsaufwand	CLI- oder GitHub-Aktionen werden auf „Satelliten“ bereitgestellt.	Statische Web sites, Net-Apps, WASM-basierte serverlose Funktionen

Abid Ali Awan (@1abidaliawan) ist ein zertifizierter Datenwissenschaftler, der gerne Modelle für maschinelles Lernen erstellt. Derzeit konzentriert er sich auf die Erstellung von Inhalten und das Schreiben technischer Blogs zu maschinellem Lernen und Datenwissenschaftstechnologien. Abid verfügt über einen Grasp-Abschluss in Technologiemanagement und einen Bachelor-Abschluss in Telekommunikationstechnik. Seine Imaginative and prescient ist es, ein KI-Produkt mithilfe eines graphischen neuronalen Netzwerks für Schüler mit psychischen Erkrankungen zu entwickeln.

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.