Pack de démarrage de projets parallèles

J'ai travaillé sur quelques projets parallèles au cours des dernières années et j'ai identifié que le plus important est de faire avancer les choses rapidement pour valider une idée. Le meilleur, c'est que vous pouvez le faire très rapidement de nos jours, non seulement grâce aux grands modèles de langage (IA), mais principalement grâce aux nombreux outils existants offrant d'excellentes expériences de développement. L'article suivant résume les outils que vous pouvez utiliser pour créer des prototypes d'applications de bout en bout.

L'exemple d'application

Pour démontrer cette capacité, je vais la présenter dans une application qui suit les cours des actions, résume les messages sur des actions particulières dans un flux et envoie des e-mails. Comme je pense qu'il est très important de mesurer si l'idée de l'application est réussie, des analyses seront également mises en œuvre !

Outils

Les outils suivants sont choisis sur la base d'une seule métrique : time to market, qui mesure la rapidité avec laquelle l'application sera disponible pour les utilisateurs.

Client

Next.js, React Query, Tailwind et Shadcn

Je pense que ce combo est génial et vous aidera à créer une application en quelques heures.

Astuce 1 : essayez v0.dev. Il a généré l'intégralité de l'interface utilisateur pour l'exemple d'application.

Astuce 2 : Vérifiez toutes les bibliothèques TanStack ; J'utilise également TanStack From.

Back-end

Supabase

Je pense que Supabase résoudra 80 à 90 % de vos besoins backend initiaux, principalement :

• Base de données
• Authentification
• Stockage (si vous devez télécharger des éléments comme des images)

De plus, leurs requêtes de type GraphQL sont géniales !

Chignon

J'ai trouvé que la meilleure approche consiste à écrire des scripts simples pour des tâches simples, comme obtenir des données quelque part et les stocker. N'oubliez pas que l'important est le temps de commercialisation, et non de le rendre parfait.

Ce qui est intéressant, c'est Bun (un runtime JavaScript rapide similaire à Node.js). C'est :

• Super rapide
• Fonctionne immédiatement avec TypeScript
• A un joli initialiseur de projet (ceux qui ont initialisé des projets TypeScript sauront que c'est pénible)

Infrastructure

La meilleure approche consiste à utiliser GitHub pour le contrôle du code source, puis, en fonction de vos besoins, vous pouvez utiliser une variété d'outils. Je préfère surtout Cloudflare et Render (j'exécute des tâches cron ici).

Astuce 1 : Cloudflare propose un hébergement gratuit très généreux.

Notifications

Le moyen le plus simple d'envoyer des e-mails de nos jours est d'utiliser Renvoyer.

Analytique

Pour l'analyse de produits, Posthog est tout simplement le meilleur. La meilleure fonctionnalité qui vous sera utile est la relecture de session (vous verrez réellement comment vos utilisateurs utilisent l'application).

Astuce 1 : Si vous souhaitez voir combien de personnes ont vu votre page de destination, je vous encourage à utiliser plausible.io (PS : vous n'avez pas besoin d'utiliser une barre de cookies).

Astuce 2 : Cloudflare propose également des analyses.

Astuce 3 : Assurez-vous d'utiliser un proxy inverse avec Posthog. Next.js simplifie la configuration.

La demande

Si vous êtes intéressé, vous pouvez consulter l'application : Side Projects Starter Pack.

Vous pouvez également vérifier le code source : GitHub.

Derniers mots

Merci d'avoir lu ! Si vous souhaitez soutenir mon travail, vous pouvez remplir le très court sondage. Cela signifierait beaucoup pour moi !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!