Décisions d'architecture, notes de mise en œuvre et leçons tirées de la construction de PyColors. Lecture pratique pour votre prochain produit SaaS.
Reproduisez un faux état vide après le filtrage, réinitialisez la pagination de la requête et les limites de la page de test avant de connecter une table de données React.
Installabilité, mode autonome, résilience hors ligne et UX de type app deviennent des couches de crédibilité essentielles pour les produits SaaS modernes.
Comment corriger les échecs de publication sécurisée npm avec GitHub Actions, Changesets, pnpm et Node.js dans un monorepo Next.js moderne.
Explorez l'archive complète ou suivez un sujet important pour votre produit.
Next.js
Construisez des liens qui conservent la recherche et les filtres à plusieurs valeurs, réinitialisent la pagination après une nouvelle recherche et utilisent les composants publics de PyColors UI.
Architecture SaaS
PWA, Capacitor ou React Native avec Expo : comparez le rendu, les limites de Next.js, le code partageable et l’authentification avec un exemple TypeScript original.
SaaS Engineering
Reproduisez un faux état vide après le filtrage, réinitialisez la pagination de la requête et les limites de la page de test avant de connecter une table de données React.
SaaS Engineering
Reproduisez une panne de tableau de bord tout ou rien, puis gardez des panneaux indépendants utiles avec Promise.allSettled et explicites, prêts, vides et résultats d'erreurs.
React
Reproduisez une réponse de validation dans le désordre, puis utilisez la propriété de la demande pour protéger les erreurs de champ React, le chargement des commentaires et l'état du formulaire accessible.
Next.js
Migrez une petite carte de paramètres Next.js de couleurs codées en dur vers des tokens sémantiques, reproduisez un échec de contraste en mode sombre et vérifiez le correctif.
SaaS Engineering
Installabilité, mode autonome, résilience hors ligne et UX de type app deviennent des couches de crédibilité essentielles pour les produits SaaS modernes.
Architecture
Comment corriger les échecs de publication sécurisée npm avec GitHub Actions, Changesets, pnpm et Node.js dans un monorepo Next.js moderne.
SaaS Engineering
Un véritable problème de production rencontré lors de l'expédition de l'infrastructure de commerce pour les produits numériques - et pourquoi la discipline de schéma importe plus que la plupart des développeurs pensent.
Next.js
Construisez un exemple de vérification d'e-mail isolé avec des tokens hachés, liés à un but. Expiration du test, consommation simultanée, rollback et la porte d'authentification Auth.js.
Architecture SaaS
J'ai retiré la complexité de mon starter SaaS pour le rendre plus utile, plus facile à expédier et plus proche de ce dont les développeurs ont réellement besoin.
Next.js
Correction des utilitaires Tailwind v4 manquants dans une application Next.js à l'aide des composants PyColors installés, avec des chemins d'accès aux sources vérifiés et une reproduction du paquet public.
Explorez d'abord l'interface ou commencez par les fondations SaaS connectées.
Explorez le tableau de bord, les paramètres et l'interface utilisateur du produit. Les écrans d'authentification et de facturation utilisent des données simulées.
Construire à partir de la fondation connectée: Auth.js, Prisma et Stripe, avec des guides de configuration pour vos propres services.