Premiers pas
Essayez des projets locaux, personnalisez votre application et comprenez quand choisir Starter Pro.
Vue d’ensembleLien vers la section
Starter Free vous donne un surface SaaS crédible hors de la boîte.
Pas un dépôt vide. Pas un modèle lourd backend. Pas un jouet demo.
Il vous donne une interface utilisateur adaptées à la production avec des écrans réels, des états réels et une navigation réelle afin que vous puissiez valider l'orientation de votre produit avant d'investir dans la complexité du backend.
L’objectif est simple :
exécutez-le en quelques minutes, comprenez-le rapidement et adaptez rapidement votre première surface de produit.
Pourquoi cela compte
La plupart des projets SaaS perdent du temps avant que les utilisateurs ne voient le produit. Starter Free vous aide à rendre le produit visible plus tôt, afin que vous puissiez valider l'UX, la messagerie et les flux avant de câbler la couche métier complète.
Votre première sessionLien vers la section
Consultez guide d'installation, puis ouvrir http://localhost:3000/dashboard dans votre starter. Pour explorer sans installer, ouvrir la démo de Starter Free. Des chemins tels que /projects ci-dessous appartiennent au starter, pas le site de marketing.
Le guide du tableau de bord présente quatre suggestions, et non une liste de vérification. Suivre un lien ne termine pas une étape ou n'enregistre pas la progression de l'intégration.
- Essayez le workflow du projet. Ouvrir
/projects, choisissez Nouveau projet, entrez un exemple de nom, puis sélectionnez Créer. Ouvrez les détails de ce projet à partir de sa ligne, revenez à la liste et renommez-le en utilisant les actions de ligne. Rechargez pour vérifier la persistance du navigateur local avant de supprimer votre exemple jetable. - Explorez l'interface de l'assistant. Ouvrir
/assistantet choisissez une invite d'échantillon. Les assistant guide explique le chat local, les définitions modifiables et la simulation de tâche. Aucun modèle d'IA n'est connecté ; quitter la page ou recharger efface cette session. - Faites de l'app la vôtre. Dans votre propre copie du dépôt, éditez
app/layout.tsxpour le nom et les métadonnées de l'application,app/(app)/layout.tsxpour l'en-tête d'application, etapp/globals.csspour les styles et les tokens sémantiques. Les guide de la structure du projet explique les fichiers et les limites du fournisseur existant; n'introduisez pas de deuxième magasin de projets. - Évaluer les fondations connectées. Découvrir Starter Pro et voir ce qui est inclus lorsque vous avez besoin de bases de facturation Auth.js, Prisma/PostgreSQL, et Stripe. Pro est un code source à configurer et à adapter. L'achat ne déverrouille pas la démo gratuite en cours d'exécution ou la migration automatique des projets locaux; votre modèle de données de projet et vos flux de travail restent à mettre en œuvre. Utilisez le Guide de mise à niveau pour planifier ce travail.
Données locales et réinitialisationLien vers la section
Les changements de projet utilisent le navigateur de ce localStorage quand il est disponible. Il n'y a pas de compte, de base de données partagée, d'autorisation ou de synchronisation entre les navigateurs ou les appareils. Utilisez des exemples de données, pas des informations sensibles. La démo hébergée et un paiement localhost ont un stockage de navigateur séparé.
Réinitialiser démo demande confirmation, puis remplace vos projets locaux par les échantillons originaux. Il ne peut pas être défait et ne réinitialise pas le thème. Effacer le stockage du navigateur du starter supprime également les projets enregistrés. Si l'enregistrement n'est pas disponible, la Avis de stockage local explique que les modifications sont conservées uniquement pour la visite en cours et seront perdues après le rechargement. Un enregistrement illisible revient à des échantillons avec un avis plutôt que de prouver que vos anciens projets ont été récupérés.
Les mesures du tableau de bord, les tendances, l'activité et les aperçus fermés restent fictifs. Garder le Données de démonstration illustratives Notez lors de l'adaptation de ces valeurs; ils ne sont pas la facturation ou l'analyse en direct, et ils ne comptent pas vos projets locaux. Les écrans d'authentification, de facturation, d'administration et de paramètres sont toujours des surfaces de démonstration, pas des services de compte ou de paiement connectés.
ApparenceLien vers la section
Utilisez la commande soleil/lune pour changer le mode lumière et sombre. Les premières visites suivent la préférence du système ; un choix explicite enregistré a la priorité lors du rechargement. La préférence est navigateur/origine-local, pas un paramètre de compte. Avec un stockage non disponible, la commutation fonctionne sur la page en cours, mais peut ne pas survivre à un rechargement.
Ce que vous apprendrezLien vers la section
Surface du produit
Validation rapide
Chemin de mise à niveau
Modèle mentalLien vers la section
Starter Free est un contrat UX, pas une implémentation backend complète.
Vous gardez :
- écrans
- navigation
- composants
- États
- structure du produit
Vous remplacez plus tard :
- Données simulées
- auth provider
- logique de facturation
- Appels API
- contrats de base de données
Frontend-first par design
Les projets prennent en charge la création locale du navigateur, les détails, le renommage, la suppression et la réinitialisation. Les figures d'authentification, de facturation, d'administration, de paramètres et de tableau de bord restent des surfaces de démonstration. Vous connectez toujours votre propre backend pour des données de produit partagées et protégées.
ÉtapesLien vers la section
Comprendre ce qui est inclusLien vers la section
Starter Free vous donne la surface principale d'un produit SaaS.
| Surface | Ce qu'il vous donne |
|---|---|
| Auth UX | Connexion, enregistrement, mot de passe oublié, chargement et états prêts pour les erreurs |
| Tableau de bord | Guide de démarrage en quatre étapes, navigation et mesures illustratives clairement étiquetées |
| Projets | Browser-local create, details, renommer, supprimer, persistence, et confirmé reset |
| Admin | Membres de la démo, rôles et surfaces d'invitation; pas de véritable service d'invitation |
| Facturation | Plan illustratif, factures, entrée de portail et surfaces de méthode de paiement; pas de paiement réel |
| Paramètres | Profil, organisation, sécurité et structure de la zone de danger |
Ceci est suffisant pour valider une véritable direction du produit avant de câbler les services de production.
Savoir ce qui est intentionnellement simuléLien vers la section
Starter Free ne connecte pas ces flux de travail de démonstration aux services de production. La persistance du projet local-navigateur n'est pas un backend ou une limite de contrôle d'accès.
Il ne comprend pas :
- schéma de base de données
- Routes API
- Intégration de Stripe
- gestion des sessions
- fournisseur de messagerie
- contrôle d'accès basé sur les rôles
C'est intentionnel.
Starter Free
UI surface
browser-local project workflow
illustrative business data
light/dark appearance
Starter Pro
auth wiring
billing wiring
Prisma/PostgreSQL foundation
your own product workflows to implementL'objectif est d'éviter les frictions du backend avant de savoir que la surface du produit vaut la peine d'être câblée.
Explorez la tranche verticaleLien vers la section
Suivre Votre première session Avant d'inspecter le reste /admin, /billinget /settings Surfaces de démonstration. Ouvrir les détails du projet à partir d'une ligne existante; /projects/[id] décrit le modèle de route, pas une URL littérale à coller. Conservez les états de chargement, de stockage non disponible et de projet manquant lors de l'adaptation du flux de travail.
Adapter une surface de produitLien vers la section
Commence petit. Renommer une entité principale et ajuster le premier flux de produit.
Bons premiers changements :
- renommer "Projets" à votre entité de domaine
- adapter les indicateurs clés de performance du tableau de bord sans supprimer leur notice de démonstration
- changer l'état vide copie
- ajuster les étiquettes de navigation
- Ajouter une nouvelle route
- mettre à jour les tokens de marque
Cela suffit pour créer une démo crédible ou une première surface MVP.
Ce que Starter Free résoutLien vers la section
Auth UX
Starter Free includes the screens and interaction states needed to model authentication before wiring a provider.
Ce que vous pouvez expédier rapidementLien vers la section
Après l'installation, vous pouvez produire une première version crédible en changeant :
| Tâche | Résultat |
|---|---|
| Renommer « Projets » | Fait correspondre le starter à votre domaine |
| Adapter les KPI de tableau de bord illustratifs | Conserve l'histoire de démonstration spécifique sans réclamer de données en direct |
| Réécrire les états vides | Rend l'UX intentionnelle |
| Ajuster les étiquettes de navigation | Rend le produit plus facile à démonter |
| Changer les tokens de marque | Rend l'interface possédée |
| Ajouter une route | Prouve que la structure peut se développer |
Cela suffit pour :
- Montrer un client
- Pitch un MVP
- Valider UX
- enregistrer une démo de produit
- Testez le récit de votre produit
Guide de décisionLien vers la section
Utilisez Starter Free si :
- vous êtes validé UX
- vous lancez un produit
- Vous construisez un MVP frontend-first
- vous voulez structurer le produit avant le backend
- Vous avez besoin de quelque chose de crédible
Évaluez Starter Pro lorsque vous avez besoin de bases de facturation Auth.js, Prisma/PostgreSQL et Stripe. Réexamen Ce qui est inclus plutôt que de supposer que chaque écran de démonstration devient une fonctionnalité connectée. Vous configurez toujours les fournisseurs et implémentez votre modèle de données, votre autorisation et vos flux de travail spécifiques au produit.
Préférez
- Explorez la tranche verticale complète en premier
- adapter une entité de domaine avant de réécrire la structure
- garder les données simulées tout en validant l'UX
- fil backend uniquement lorsque la direction du produit est claire
- mise à niveau lorsque l'authentification, la facturation et les données deviennent le bloqueur
Éviter
- Traiter Starter Free comme un backend SaaS complet
- Réécrire la structure avant de la comprendre
- mélange de l'interface utilisateur et de la logique métier trop tôt
- retirer les surfaces du produit avant de tester le flux total
- ajouter la complexité du backend avant de valider le produit
Premier chemin d'accèsLien vers la section
Utilisez le quatre étapes de la première session: essayez un projet jetable, explorez l’assistant local, personnalisez votre copie du dépôt, puis évaluez les fondations connectées. Le premier résultat utile est un projet que vous pouvez créer, ouvrir, renommer et recharger dans ce navigateur, et non une métrique fictive ou un compteur d'intégration vérifié.
Mise à niveau lorsque le câblage devient le bloqueur
Starter Free valide la surface du produit. Starter Pro relie la couche métier
avec des fondations adaptées à la production, de facturation, de backend et de
livraison. /docs/starter-pro