Start here

Arrows to move, enter to open, escape to close.

Ship/Now

Pour commencer · 2 min

Prérequis

Les quatre comptes et le runtime dont vous avez besoin, et lesquels peuvent attendre.

Rien ici ne coûte d'argent pour démarrer. Stripe prend une commission quand vous vendez, tout le reste a une offre gratuite qui couvre largement un lancement.

Sur votre machine

  • Node 20 ou plus récent. Vérifiez avec node -v. Next.js 16 ne tourne pas sur 18.
  • Git, et un compte sur GitHub ou là où vous rangez votre code.
  • Un terminal. C'est tout. Pas de Docker, pas de Postgres local, pas de docker-compose up à faire marcher avant de voir une page.

Les comptes

Supabase, dès le premier jour

La base de données et le serveur d'authentification. Créez un projet dans la région la plus proche de vos acheteurs. L'offre gratuite donne deux projets, soit un pour la production et un pour la préproduction.

Resend, dès le premier jour

L'e-mail transactionnel. Tant que vous n'avez pas vérifié un domaine, Resend ne livre qu'à l'adresse propriétaire du compte, ce qui suffit à tester tout le parcours de connexion tout seul.

Stripe, quand vous voulez encaisser

Sans clé, l'application tourne et /api/checkout renvoie 503. Rien d'autre ne change. Vous pouvez construire le produit entier avant de penser à la facturation.

Vercel, pour déployer

Le kit se déploie partout où Node tourne, mais la configuration, le traitement des images et la séparation des environnements décrite dans Déployer supposent Vercel.

Ce qu'il faut déjà savoir

Vous n'avez pas besoin d'être senior. Vous devez savoir lire du TypeScript et ne pas paniquer devant un fichier SQL.

Si vous n'avez jamais utilisé les Server Components, la seule chose à intégrer avant de commencer : un fichier est un composant serveur sauf s'il commence par "use client". Les composants serveur parlent directement à la base. Les composants client ne le peuvent pas, et ne devraient pas vouloir le faire.

Optionnel

  • Un nom de domaine. Vous pouvez lancer sur l'URL vercel.app, mais Resend a besoin d'un domaine vérifié avant de livrer à quelqu'un d'autre que vous.
  • Un token d'accès GitHub, uniquement si vous construisez quelque chose qui invite vos acheteurs dans un dépôt privé comme le fait la boutique ShipNow.

Une erreur ou un manque sur cette page ? Dites-le-nous.