Starterpaket für Nebenprojekte

Ich habe in den letzten Jahren an einigen Nebenprojekten gearbeitet und festgestellt, dass es am wichtigsten ist, Dinge schnell zu erledigen, um eine Idee zu validieren. Das Beste daran ist, dass Sie dies heutzutage sehr schnell tun können, nicht nur aufgrund der großen Sprachmodelle (KI), sondern vor allem aufgrund der vielen vorhandenen Tools mit großartigen Entwicklererfahrungen. Der folgende Beitrag fasst die Tools zusammen, mit denen Sie Prototypen von End-to-End-Anwendungen erstellen können.

Die Beispielanwendung

Um diese Fähigkeit zu demonstrieren, werde ich sie in einer Anwendung vorstellen, die Aktienkurse verfolgt, Nachrichten zu bestimmten Aktien in einem Feed zusammenfasst und E-Mails versendet. Da es meiner Meinung nach sehr wichtig ist zu messen, ob die App-Idee erfolgreich ist, werden auch Analytics implementiert!

Werkzeuge

Die folgenden Tools werden basierend auf einer einzigen Metrik ausgewählt: Time-to-Market, die misst, wie schnell die Anwendung den Benutzern zur Verfügung steht.

Kunde

Next.js, React Query, Tailwind & Shadcn

Ich finde diese Kombination großartig und wird Ihnen dabei helfen, in ein paar Stunden eine Anwendung zu erstellen.

Tipp 1: Probieren Sie v0.dev aus. Es wurde die gesamte Benutzeroberfläche für die Beispielanwendung generiert.

Tipp 2: Überprüfen Sie alle TanStack-Bibliotheken; Ich verwende auch TanStack From.

Backend

Supabase

Ich denke, dass Supabase 80–90 % Ihrer anfänglichen Backend-Anforderungen sofort lösen wird, hauptsächlich:

• Datenbank
• Authentifizierung
• Speicher (wenn Sie Dinge wie Bilder hochladen müssen)

Außerdem sind ihre GraphQL-ähnlichen Abfragen großartig!

Brötchen

Ich habe herausgefunden, dass der beste Ansatz darin besteht, einfache Skripte für einfache Aufgaben zu schreiben, wie zum Beispiel das Abrufen von Daten von irgendwo und deren Speicherung. Denken Sie daran, das Wichtigste ist die Zeit bis zur Markteinführung und nicht die Perfektionierung.

Das Interessante ist Bun (eine schnelle JavaScript-Laufzeitumgebung ähnlich Node.js). Es ist:

• Super schnell
• Funktioniert sofort mit TypeScript
• Hat einen netten Projektinitialisierer (diejenigen, die TypeScript-Projekte initialisiert haben, werden wissen, dass es mühsam ist)

Infrastruktur

Der beste Ansatz besteht darin, GitHub für die Quellcodeverwaltung zu verwenden. Anschließend können Sie je nach Bedarf eine Vielzahl von Tools verwenden. Am liebsten bevorzuge ich Cloudflare und Render (hier führe ich Cron-Jobs aus).

Tipp 1: Cloudflare bietet sehr großzügiges kostenloses Hosting.

Benachrichtigungen

Der einfachste Weg, E-Mails heutzutage zu versenden, ist die Verwendung von „Erneut senden“.

Analytik

Für Produktanalysen ist Posthog einfach das Beste. Die beste Funktion, die Sie nützlich finden werden, ist Session Replay (Sie werden tatsächlich sehen, wie Ihre Benutzer die App verwenden).

Tipp 1: Wenn Sie sehen möchten, wie viele Leute Ihre Landingpage gesehen haben, empfehle ich Ihnen, plausible.io zu verwenden (PS: Sie müssen keine Cookie-Leiste verwenden).

Tipp 2: Cloudflare bietet auch Analysen.

Tipp 3: Stellen Sie sicher, dass Sie mit Posthog einen Reverse-Proxy verwenden. Next.js vereinfacht die Konfiguration.

Die Anwendung

Bei Interesse können Sie sich die Bewerbung ansehen: Side Projects Starter Pack.

Sie können auch den Quellcode überprüfen: GitHub.

Letzte Worte

Danke fürs Lesen! Wenn Sie meine Arbeit unterstützen möchten, können Sie an der sehr kurzen Umfrage teilnehmen. Es würde mir sehr viel bedeuten!

Das obige ist der detaillierte Inhalt vonStarterpaket für Nebenprojekte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!