Starter Pro

La base de votre prochain SaaS.

Comptes, espaces de travail, facturation et véritable workflow de projet dans un code Next.js. Commencez par les fondations connectées, inspectez leurs contrôles et adaptez le produit à votre marché.

  • Code source complet
  • Droits d'utilisation commerciale

Starter Pro

Licence du code source

299 €Paiement unique

Licence source complète. Les coûts des fournisseurs et les services de mise en œuvre sont distincts.

  • Comptes, espaces de travail, facturation et workflows de projets
  • ZIP validé, guides de configuration et contrôles opérationnels
  • Accès ZIP via votre email de réclamation
Explorer la démo

Essayez des projets, des tâches, des discussions, un tableau de bord de l'espace de travail et des invitations simulées des membres. Chaque visiteur dispose d’un espace de travail privé et temporaire.

L'accès suit la confirmation de paiement et le traitement de la livraison.

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Auth.js
  • Prisma
  • PostgreSQL
  • Stripe
  • Vercel
  • PWA
Explorez la pile
Tournée de produits

De la première connexion à la collaboration.

Découvrez l'interface réelle en action : authentification, espaces de travail, personnalisation et workflow de projet sur lesquels votre équipe peut s'appuyer.

2:52 — Anglais — Musique instrumentale — Exemple de données

Lire la transcription de la tournée
  1. PyColors Starter Pro

    Votre SaaS. Prêt à faire le vôtre. Une base cohérente pour votre prochain produit.

  2. Une première impression forte

    Une expérience réfléchie, dès la première connexion. Connexion par e-mail, avec des points d'intégration Google et GitHub.

  3. Accueillir de nouveaux clients

    Donnez aux nouveaux utilisateurs un chemin clair vers votre produit. Enregistrement qui semble faire partie de la même interface.

  4. Couvrir les moments qui comptent

    Gardez la récupération de mot de passe partie de la même expérience cohérente. Les e-mails de récupération utilisent votre fournisseur de messagerie configuré.

  5. Une vraie connexion, de bout en bout

    Connectez-vous avec un exemple de compte et ouvrez l'application. Une vraie séance. Exemple d'espace de travail isolé.

  6. Chaque espace de travail en contexte

    Ouvrez le bon espace de travail, avec ses projets, ses personnes et son activité. Données à portée de l'espace de travail et actions conscientes des rôles.

  7. Voir ce qui a besoin d'attention

    Comprendre l’activité du projet et votre équipe en un coup d’œil. Les données métriques et graphiques proviennent de l'espace de travail sélectionné.

  8. Faites-le incontestablement vôtre

    Réglez la palette, la typographie, le thème et la barre latérale en fonction de votre produit. changements visuels immédiats. Composants cohérents.

  9. Organisez le travail à votre façon

    Switch between list and grid while keeping the same workflow. Descriptions, status, assignees and archiving included.

  10. Transformez l’intention en projet

    Créez un projet, décrivez l'objectif et assignez un coéquipier responsable. Enregistré dans votre espace de travail grâce à l'application réelle.

  11. Donnez vie au workflow

    Ajoutez une tâche, définissez une date d’échéance et gardez la conversation à côté du travail. Les tâches, les cessionnaires et les commentaires sont conservés dans PostgreSQL.

  12. Une place pour toute votre équipe

    Passez en revue les membres, les rôles et les invitations en attente en un seul endroit. Étendez les mêmes règles d’espace de travail au fur et à mesure que votre produit grandit.

  13. Finir les détails que les utilisateurs remarquent

    Un profil modifiable et un ensemble cohérent de pages de compte. Profil, compte, apparence et facturation partagent la même navigation.

  14. Commencez sur votre propre machine

    Docker, PostgreSQL et les commandes d'installation documentées. Utilisez vos propres informations d'identification et les données d'exemple locales incluses.

  15. Continuez à construire en toute confiance

    La configuration, les diagnostics et les guides donnent à votre équipe un point de départ clair. Étendez votre produit sur une base que vous pouvez comprendre.

  16. Construire avec PyColors

    Explorez PyColors Starter Pro. pycolors.io/starters/pro

Dans Starter Pro

Inspectez les écrans sur lesquels vous pouvez construire

Explorez le tableau de bord, les flux de compte et l'interface de facturation. Chaque aperçu montre les fondations que vous pouvez adapter à votre produit.

Starter Pro existant capture dans le thème léger, y compris les données de démonstration. Ces aperçus d'interface ne démontrent pas un paiement terminé, une intégration vérifiée ou un déploiement de production en direct.

Construit avec Starter Pro

Un exemple fonctionnel. Une base à adapter.

Un espace de travail partagé pour planifier une version de produit, attribuer le travail et conserver des notes de révision avec la tâche.

Projet
studio produit
Créé par
PyColors
Type
Mise en œuvre de référence
Explorez la référence

Réalisé par PyColors avec Starter Pro. Les projets, personnes et activités sont fictifs. Cet exemple illustre le socle technique, sans constituer une référence client.

De la source au passation

Plus du voyage produit, déjà connecté.

Inspectez les flux de travail, les contrôles derrière eux et les responsabilités que vous conservez lors du lancement de votre propre SaaS.

Un ZIP qui fonctionne tout seul

L'emballage nécessite une extraction isolée, une installation congelée, des migrations de base de données vides, une construction de production et un parcours de navigation du premier utilisateur.

Inspecter la porte d'emballage

Facturation qui concilie

Les webhooks signés réconcilient l'état actuel de Stripe. Les régressions PostgreSQL couvrent les doublons simultanés, l'ordre inversé, les paiements échoués, les annulations et les tentatives de reprise.

Vérifier la validation de la facturation

Flux de travail vérifiés ensemble

Les suites de navigateurs couvrent l'intégration, l'accès à l'espace de travail, l'anglais / français, la personnalisation et les mises en page réactives. La porte CI requise attend les contrôles sélectionnés.

Révision de la couverture automatisée

Un chemin de récupération pour répéter

Diagnostics de configuration, points de santé, références d’erreurs structurées, intégration des alertes et exercice de sauvegarde et restauration PostgreSQL accompagnent la passation technique.

Planifier les opérations de production

Un exemple d’entreprise

Plusieurs espaces de travail, rôles d'équipe et invitations se connectent aux projets avec des tâches assignées, des dates d'échéance du calendrier, des discussions et un archivage réversible.

Explorez les workflows inclus

Une ligne de base que vous pouvez maintenir

La configuration du produit, les recettes de personnalisation, les conseils de migration, le suivi des révisions de source et les limites de support documentées sont fournis avec la source.

Planifiez votre personnalisation

L’acceptation automatisée utilise des données synthétiques et des fournisseurs interceptés. Vos vérifications de lancement comprennent la livraison de vrais e-mails, votre bac à sable Stripe, les sauvegardes et la destination de surveillance que vous configurez.

Services optionnels — Devis écrit

Un démarrage assisté, étendu à votre produit.

La licence complète du code source coûte 299 €. Choisissez une prestation pour être accompagné dans l’installation ou dans un parcours métier précis.

Démarrage accompagné

À partir de 3 000 €

Frais de service de départ — Portée écrite

Configurez un environnement convenu, connectez vos services et vérifiez un premier parcours utilisateur.

  • Un cadrage initial et une liste de configuration pour un environnement convenu
  • Personnalisation de la marque et configuration des services d’email, de connexion et de facturation
  • Validation d’un parcours convenu : compte, espace de travail et projet
  • Contrôles de préparation et notes d’exploitation pour votre équipe
  • Une séance de passation avec le suivi précisé dans le devis

Ce que vous recevez

Un environnement configuré, une liste de vérifications et un document de passation.

Voir un exemple de livraison

Les développements métier, les migrations de données clients existantes, l’hébergement et l’exploitation continue font l’objet d’un devis distinct.

Demander un devis de démarrage

Adaptation métier

À partir de 7 500 €

Frais de service de départ — Portée écrite

Faites réaliser un parcours métier ou une intégration délimitée, avec des critères d’acceptation écrits et une validation.

  • Cadrage et critères d’acceptation écrits pour un parcours prioritaire
  • Interface, API, modèle de données et modifications d'intégration convenues
  • Contrôles des permissions et des régressions du nouveau parcours
  • Validation dans un environnement convenu avec des résultats enregistrés
  • Une passation documentée et un suivi précisément délimité

Ce que vous recevez

Un parcours implémenté, des résultats de validation et un document de passation.

Voir un exemple de livraison

The quote defines the workflow and integration boundaries. Larger engagements can exceed 10,000 €; hosting and ongoing operation are separate.

Discuter d’une adaptation métier

Frais de service de départ. La licence source et les coûts du fournisseur sont détaillés séparément dans votre devis. Les livrables, les contrôles d'acceptation, le prix total et le soutien de suivi sont convenus par écrit avant le début des travaux.

Portée de la révision et passation
Ce qui est inclus

Le travail récurrent, déjà connecté.

Commencez par le compte, la facturation et les fondations de l'application. Inspectez ce qui est inclus, comprenez la configuration, puis créez votre produit.

INTÉGRATION DE BASE

Authentification et accès

Donnez aux comptes et aux sessions une base claire.

Aperçu de l'intégrationAuth.js
  1. Se connecterEmail ou OAuth
  2. SessionAuth.js
  3. AccèsRoutes protégées

Inclus dans la source

  • Email/password authentication
  • Google et Github OAuth
  • Vérification par e-mail
  • Réinitialiser le flux de mot de passe
  • Sessions révocables au serveur et cycle de vie protégé du compte
  • Routes protégées
INTÉGRATION DE BASE

Facturation & abonnements

Connectez les abonnements à votre application.

Aperçu de l'intégrationStripe
  1. CheckoutStripe Checkout
  2. WebhookEvénements d'abonnement
  3. PlanAccès aux produits

Inclus dans la source

  • Intégration de Secure Stripe Checkout
  • Portail de facturation Stripe
  • Factures et historique de facturation UI
  • Réconciliation de webhook transactionnel et tentatives sûres
  • Gestion du cycle de vie des abonnements
  • Planifier les barrières et le contrôle d'accès aux fonctionnalités

Application & mobile

Responsive + PWA

Construire sur une interface produit responsive.

  • Tableau de bord, profil, notifications et administration de l'espace de travail
  • English/French, Customize and responsive loading states
  • PWA installable avec manifeste, icônes et captures d'écran
  • Mode autonome et repli hors ligne
Guide PWA

Source & architecture

Next.js + TypeScript

Inspectez le code et adaptez-le à votre produit.

  • Le code source complet de Next.js App Router et l'intégration guidée
  • Configuration typeScript stricte
  • Tailwind CSS Foundation
Source incluse

Données & configuration

Prisma + PostgreSQL

Organiser la persistance, les formulaires et la configuration.

  • Schéma Prisma et configuration de PostgreSQL
  • Rôles, invitations, projets, tâches et commentaires dans l'espace de travail
  • Actions validées par Zod et configuration centralisée du produit
  • Commandes de sondes de santé, de diagnostic et de restauration-perçage
Guide backend

Livraison & propriété

Source + Licence

Comprendre votre package et votre chemin d'accès.

  • Récupération d'accès pour votre achat Starter Pro
  • ZIP autonome validé avec révision de la source et inventaire des fichiers
  • Configuration, personnalisation, mises à niveau et guides de support
  • Droits d'utilisation commerciale
Guide de livraison

La couche PWA inclut un repli hors ligne. Auth, les données de facturation et d'administration restent en ligne en premier. Réviser le Configuration PWA et liste de contrôle de publication pour votre environnement.

Un ajustement pour les produits avec comptes et facturation.

Les produits SaaS, les applications clientes et les outils internes qui nécessitent une authentification, des abonnements et des zones de compte protégées.

Toujours à explorer ? Commencez avec Free

Vous apportez le produit.

Construisez vos propres modèles de domaine, onboarding, workflows d'entreprise et branding. Configurez les fournisseurs et validez votre parcours client complet avant le lancement.

Révisez vos responsabilités de lancement
Achat & livraison

Ce que vous recevez après l'achat

Un paquet source que vous pouvez inspecter et adapter, avec un chemin clair pour le télécharger et récupérer l'accès.

FORFAIT DE SOURCE

Du paiement à votre code.

  1. 01

    Paiement confirmé

    Complétez le paiement avec l'e-mail que vous souhaitez utiliser pour l'accès.

  2. 02

    Réclamation email

    Une fois la livraison traitée, ouvrez le lien d'accès sécurisé envoyé à votre e-mail de paiement.

  3. 03

    Télécharger le ZIP

    Décompressez la source et suivez la documentation fournie pour configurer votre application.

Votre package téléchargeable

Votre lien d'accès sécurisé déverrouille un Starter Pro ZIP avec le code source complet, la documentation et la liste de contrôle de production.

Réclamation email et récupération d'achat

Manquer l'e-mail d'achat ou utiliser un lien expiré? Demandez un nouveau lien d'accès avec l'e-mail utilisé lors du paiement. Les achats admissibles peuvent être récupérés sans créer de compte ni acheter à nouveau.

Mises à jour et support d'accès

Les futures mises à jour de Starter Pro sont incluses sans frais supplémentaires pour les acheteurs existants, sous réserve que le produit reste disponible. L’aide à l’installation et les bugs reproductibles du starter sont couverts selon le périmètre et la durée du support de votre offre. Les adaptations spécifiques font l’objet d’un devis distinct. Aucun délai de réponse garanti n’est annoncé.

Licence commerciale et configuration

Utilisez Starter Pro pour des applications personnelles et commerciales et modifiez la source de vos propres produits. La redistribution, la revente, la sous-licence ou le reconditionnement en tant que modèle ou produit concurrent ne sont pas autorisés. La licence du dépôt reste autorisée. Le programme d'installation nécessite des dépendances, PostgreSQL et des variables d'environnement pour l'authentification, la facturation et le courrier électronique.

299 € — Paiement unique — Code source complet

La portée juridique et les conditions d'utilisation sont régies par /license et /terms.

Gratuit vs Pro

Choisissez le point de départ dont votre produit a besoin.

Explorez l'interface avec Free. Passez à Pro lorsque l'authentification, la facturation et l'intégration de la base de données deviennent la prochaine étape de mise en œuvre.

Même fondation. Profondeur d'intégration différente.

Faites défiler pour comparer
Comparer Starter Free et Starter Pro
CapacitéStarter Free

Explorez les écrans et validez vos workflows.

GratuitDépôt public

Découvrir Starter Free
Starter Pro

Construire sur de vraies fondations d'auth, de facturation et de base de données.

299 €Paiement unique

Planifier la mise à niveau à partir de Free
Interface produitTableau de bord, paramètres, interface de facturation et flux de travail de projet local : créez, affichez les détails, renommez et supprimez.Tableau de bord de l'espace de travail persistant, profil modifiable, notifications, anglais/français et personnalisation.
AuthentificationMocked auth screens; no real account or session is created.Auth.js credentials, Google/GitHub OAuth, verification, and password reset; configure your providers.
Vérifications de session et d'accèsUI structure only; add real session checks and authorization.Server-revocable sessions, workspace roles and ownership-aware account lifecycle; extend permissions for your product.
Stripe facturationMock plans and invoices; no Stripe Checkout or customer portal integration.Personal Checkout, portal, invoice history and reconciled webhooks; configure and test your Stripe account.
Persistance des donnéesProjects persist in this browser's localStorage when available; no shared database or cross-device synchronization.Prisma + PostgreSQL foundations for accounts, workspaces, projects, assigned tasks, due dates and comments; wire your own domain data.
Expérience mobileUI web responsive.Responsive UI plus installable PWA foundations; auth and billing stay online-first.
Accès sourceCloner le dépôt public Starter Free.Download the ZIP through your purchase claim email; access recovery is available.
Validation et passationExemples frontaux et vérifications de référentiel.Acceptation ZIP isolée, suites de navigateurs FR / EN, sondes de santé, guides de restauration et de personnalisation / mise à niveau.
Travail que vous possédez encoreCréez les intégrations et la logique produit, puis déployez et exploitez votre application.Configurez et validez les intégrations, créez votre logique produit, puis déployez et exploitez votre application.

Avant de lancer

Starter Pro est un code source, pas un service hébergé. Vous configurez toujours PostgreSQL, auth, e-mail et Stripe, validez les intégrations et complétez la liste de contrôle de production. Buying Pro ne fournit ni ne déploie votre application.

Réviser les responsabilités de production

Passer de Free à Pro

Restez libre tout en validant les écrans et les flux de travail. Choisissez Pro lorsque les comptes réels et les paiements deviennent la prochaine étape de mise en œuvre. Pro est un code source séparé à configurer. Apportez votre travail d'interface utilisateur existant délibérément; l'achat Pro ne migre pas automatiquement votre application ou vos données. Il ne déverrouille pas la démo gratuite en cours d'exécution.

Premiers pas

Votre source. Votre environnement. Votre produit.

Suivez la documentation depuis votre première exécution locale jusqu'à un flux client validé. La configuration dépend de votre environnement et des fournisseurs que vous choisissez.

  1. 01

    Préparez votre environnement local

    Téléchargez et décompressez la source, installez les dépendances et connectez une base de données PostgreSQL locale. Suivez les exigences dans votre version téléchargée.

    Premiers pas
  2. 02

    Configurez vos intégrations

    Configurez vos fournisseurs d'authentification, votre expéditeur de courrier électronique et votre environnement de test Stripe. Vérifiez la connexion, le paiement et la gestion du webhook avec votre propre configuration.

    Guide d'essai de facturation
  3. 03

    Construire et valider votre produit

    Adaptez les écrans, connectez vos données de domaine et complétez la liste de contrôle de production avant de déployer. Vous possédez la logique du produit et le fonctionnement de votre application.

    Liste de contrôle de production

Liste de contrôle de configuration

Préparez les services que votre application utilisera.

Runtime
Les versions Node.js et pnpm de votre version téléchargée.
Base de données
Une base de données PostgreSQL locale et une configuration Prisma.
Auth & email
Informations d'identification du fournisseur, configuration de la session et expéditeur du courrier électronique.
Paiements
Un environnement de test Stripe et une configuration webhook.
Configuration de la révision
FAQ

Questions que les acheteurs posent avant de payer

Vérifiez la configuration, l'accès, les conditions d'utilisation et les étapes que vous possédez encore avant d'acheter.

Quelle validation vient avec la source ?
L'emballage nécessite une installation ZIP autonome, des migrations de base de données vide, une construction de production et un parcours de navigateur de premier utilisateur. PostgreSQL et les suites de navigateurs couvrent la réconciliation de facturation, les espaces de travail, les tâches de projet, l'anglais / français et la personnalisation avec des données synthétiques. Configurez et validez vos propres fournisseurs avant le lancement.
La facturation appartient-elle à un espace de travail ou à une personne?
Billing belongs to the user account. Multiple workspaces and resource quotas are configurable; quotas are uncapped by default. Organization-owned billing requires a separate extension and ownership design.
Puis-je discuter d'une mise en œuvre sur mesure ?
Yes. The complete source licence is 299 €. Guided setup starts at 3,000 € and business adaptation at 7,500 €. These are separate service engagements; the source licence and provider costs are itemized separately. Scope, deliverables, acceptance checks, total price and support period are agreed in writing before work begins.
Que dois-je préparer avant la mise en place locale?
Passez en revue les exigences Node.js et pnpm dans votre version téléchargée, préparez une base de données PostgreSQL locale et suivez le guide d'environnement pour les intégrations que vous souhaitez tester. L'achat du code source ne fournit pas votre base de données, votre expéditeur de courrier électronique, vos applications OAuth ou votre compte Stripe.
Combien de temps avant que je puisse commencer ?
Après le paiement, utilisez le lien sécurisé dans votre e-mail de réclamation pour télécharger et décompresser Starter Pro, puis suivez la procédure. La confirmation de paiement et la livraison par e-mail sont des étapes distinctes. Le guide des 30 premières minutes fournit des points de contrôle suggérés, pas une garantie de temps de configuration ou de livraison par e-mail.
Que se passe-t-il après le paiement?
Stripe redirects you to the confirmation flow. Once payment is confirmed and delivery is processed, use the access link sent to the checkout email to download the ZIP. If payment is uncertain, contact purchase support before paying again; recovery does not complete an unpaid checkout.
Est-ce que je possède le code source ?
You receive the full source code under a commercial license, not ownership of the underlying Starter Pro code. You retain your rights in the original code and content you create; the PyColors and third-party code remains subject to its licenses.
Puis-je l'utiliser commercialement?
Oui. Starter Pro inclut les droits d'utilisation commerciale sous la licence PyColors.
Puis-je l’utiliser pour des projets clients ?
Une licence Starter Pro couvre une personne physique ou morale et un nombre illimité de produits finaux. Les membres de l’organisation titulaire peuvent utiliser le code source. Les applications pour des clients sont autorisées ; un client doit disposer de sa propre licence pour accéder au code source de Starter Pro.
Puis-je tout personnaliser ?
Vous pouvez modifier la source de vos propres produits, y compris l'interface utilisateur, les itinéraires, la copie, l'image de marque, la logique du produit et les modèles de domaine.
Que vais-je encore devoir construire ?
Votre logique produit unique, vos fonctionnalités d'IA, vos workflows métier, votre image de marque et vos modèles de domaine. Starter Pro fournit la base de la production.
Starter Pro est-il conçu pour la production ?
Starter Pro fournit l'authentification, la facturation, les itinéraires protégés, les bases de données et les surfaces de produits axées sur le lancement. Vous devez tout de même configurer votre propre environnement et vos propres fournisseurs, valider les intégrations et compléter la liste de contrôle de production. Une première exécution locale n’est pas un lancement de production, et l’achat du code source ne déploie ni n’exploite votre SaaS.
Stripe est-il déjà intégré ?
Stripe Checkout, portail client, factures, webhooks et flux de cycle de vie des abonnements sont inclus. Vous configurez toujours votre propre environnement Stripe et validez la facturation en mode test avant d'utiliser les informations d'identification de production. Une page de facturation rendue seule ne valide pas les paiements.
Est-ce que je reçois les futures mises à jour de Starter Pro ?
Les futures mises à jour de Starter Pro sont incluses sans frais supplémentaires pour les acheteurs existants, sous réserve que le produit reste disponible.
Et si la configuration locale échoue ?
L’assistance par email couvre l’accès après achat, la récupération, le périmètre du produit et les questions d’installation, dans le cadre d’une obligation de moyens. Aucun délai de réponse garanti ni SLA n’est annoncé. Le développement sur mesure, le déploiement, le conseil et l’exploitation continue de votre produit ne sont pas inclus.
Que se passe-t-il si je ne reçois pas mon e-mail d'achat?
Vérifiez les courriers indésirables, puis utilisez la récupération d’achat avec l’adresse email du paiement. Sa confirmation ne prouve pas la réception de l’email. Si le problème persiste, contactez support@pycolors.com avec votre adresse d’achat et le nom du produit avant d’acheter à nouveau.
Quelle est la politique de remboursement?
La livraison numérique ne supprime pas automatiquement les droits des consommateurs en matière de rétractation ou de conformité. Leur application dépend de la loi applicable et d’un éventuel consentement valable relatif au contenu numérique. Consultez les conditions pour connaître les modalités de rétractation, demander un remboursement ou signaler un problème.

Commencez par la fondation. Créez votre produit.

Passez en revue la source, configurez vos fournisseurs et faites de Starter Pro le vôtre.