Documentation
Next.js
Commencer
supastarter pour Next 13 (routeur d'application)
Ce guide vous guidera dans la configuration de supastarter pour Next.js 13. Nous passerons par le processus de clonage du projet, d'installation des dépendances, de configuration de votre base de données et de lancement du serveur de développement local.
Avant de commencer, je veux rapidement passer en revue les outils et bibliothèques utilisés par supastarter.
- 🚀 TurboRepo (s'ouvre dans un nouvel onglet) \
- 👨🏼💻 Next 13 avec app router (s'ouvre dans un nouvel onglet) \
- 💽 Prisma (s'ouvre dans un nouvel onglet) \
- 🔐 Lucia Auth (s'ouvre dans un nouvel onglet) \
- 💅🏼 Tailwind CSS (s'ouvre dans un nouvel onglet) \
- 🧩 Radix UI (s'ouvre dans un nouvel onglet) \
- 📝 Contentlayer (s'ouvre dans un nouvel onglet) \
- 💳 Stripe (s'ouvre dans un nouvel onglet) ou Lemonsqueezy (s'ouvre dans un nouvel onglet) \
- 📫 React Email (s'ouvre dans un nouvel onglet)
Avant de commencer, vous devrez avoir les éléments suivants installés sur votre machine.
- Node.js (s'ouvre dans un nouvel onglet) (v18 ou supérieur)
- Git (s'ouvre dans un nouvel onglet)
- pnpm (s'ouvre dans un nouvel onglet)
- VSCode (s'ouvre dans un nouvel onglet) (recommandé, ou tout autre éditeur de code)
supastarter utilise Prisma (s'ouvre dans un nouvel onglet) en tant qu'ORM (couche d'accès à la base de données). Cela signifie que vous pouvez utiliser n'importe quelle base de données prise en charge par Prisma, y compris PostgreSQL, MySQL, SQLite et MongoDB. Vous pouvez trouver toutes les bases de données prises en charge ici (s'ouvre dans un nouvel onglet).
Avant de créer un nouveau projet supastarter, assurez-vous d'avoir créé une nouvelle base de données et d'avoir la chaîne de connexion prête. Par exemple, lorsque vous utilisez PostgreSQL, la chaîne de connexion ressemblera à ceci :
postgresql://utilisateur:mot_de_passe@hôte:port/base_de_données
Les fournisseurs de base de données recommandés sont Supabase (s'ouvre dans un nouvel onglet), PlanetScale (s'ouvre dans un nouvel onglet) et Neon (s'ouvre dans un nouvel onglet).
Vous pouvez également trouver des guides d'installation pour certains fournisseurs dans le blog supastarter (s'ouvre dans un nouvel onglet) :