La stack ultime pour créer un SaaS en 2024

[@BenjaminCode]

Alors, vous en pensez-quoi de cette stack ? Merci infiniement à Nuxt d'avoir sponsorisé cette vidéo. Obtenez -20% sur leur incroyable librarie Nuxt UI Pro avec mon code BENJAMINCODE : ui.nuxt.com/pro/pricing?aff=vo0YP Démo de la librairie : dashboard-template.nuxt.dev/

[@clementc3663]

Comment ce commentaire peut être daté de 2 heures avant la publication ? Sorcier va !

[@hugo123la]

j'approuve 100% le choix de Nuxt :) Je l'utilise depuis 2022 et je suis largement convaincu

[@hemdy_M]

"Alors, vous en pensez-quoi de cette stack ?" Elle est incroyable. Il n'y a pas d'autre mot pour la désigner !

[@atinux]

Merci de nous avoir donner cette opportunité et que tu kiffes Nuxt UI et UI Pro 😊

[@phanuelalibia]

Je kiff votre personne comment travailler avec vous ?

[@omarJ-]

Le retour de VUE dans le KZbin game français... ça fait grave plaisir, ils méritent tellement !

[@guiogpe]

Contrairement à la vidéo backend boom-boom, là tu as donné de vrais justifications pour adonis, milles mercis car ça m'a bien donné envie de tester ce framework !! Bon courage pour ton projet qui est déjà top

[@moitp2]

Petite précision sur Nx. Oui c'est une solution monorepo, mais l'outil est surtout recommandé lorsque l'on suit une philosophie très particulière de fragmentation de ses features en sous-librairies. Ça peut être très pratique pour les micro frontends par exemple. Mais même si on ne part pas dans cette direction, fragmenter son code en une multitude de sous librairies Nx te permet de gagner un temps fou au niveau de la CI. En effet Nx sait identifier le code des librairies modifiées et à l'aide de la commande "nx affected", la CI n’exécutera les tests, le lint et le build que sur ce qui a été modifié. En terme de gain niveau CI c'est tout sauf négligeable. Par contre dans ton cadre, je suis d'accord que ça peut paraitre un peu overkill. Ton choix semble donc légitime.

[@olivierny5078]

Tu as le talent particulier de rendre passionnant la présentation d'une stack😍😂

[@matthieudantes4129]

ça manquait une vidéo technique, merci!

[@vincentmarconnet6061]

Tu est l’abonnement le plus rentable de l’histoire de KZbin 🔥

[@faifad]

Merci pour la reco lemonsqueezy!

[@jeansvy8617]

Petit coup de pouce Benjamin ! Merci pour les insights sur Lemon Squeezy, je vais probablement opté pour ça de mon côté 👌🏻

[@danielbernoulli1405]

Je m'attendais pas du tout a entendre Adonis pour le back! Tres complet comme framework en tout cas

[@RomainLanz]

Stack de dingue !

[@Barbouy]

Très très lourd le travail de Nuxt, merci du partage !

[@zergling123]

Bravo pour Vue

[@jeromeguerin2481]

Vidéo de super qualité et motivante à l'idée de tester ce boilerplate ! Bravo !

[@adriuntel]

Propre ! J'ai globalement la même aujourd'hui, sauf que j'ai gardé React/Next pour l'écosystème mais surtout avec une compatibilité avec React Native pour les projets ou j'ai besoin d'une app mobile. (Mais je suis d'accord, Vue c'est 1000x plus friendly que React)

[@boursbenjamin6672]

Jamais essayé cette stack mais c'est très inspirant, et je rencontre actuellement pas mal de frustration avec React et la dernière version de Next en particulier. Peut être qu'un vent de changement s'imposera sur le prochain projet ! Merci pour cette vidéo, top !

[@R0NE-]

Je comprend que dalle mais je regarde quand même tes vidéos 😂

[@maximelambert926]

Merci Benjamin, je l'attendais celle là! Très inspirant tes choix.

[@mathieupanel5020]

Bravo ! des choix atypiques en plus !

[@etiennedibi1514]

Un délice de voir que ses stacks, sont aussi plébiscite pour leur solidité 😎 Bravo pour TAF 🎉

[@hervedemuylder]

Hello Benjamin super stack :) perso le combo adonis / nuxt c'est 100% mon kiff ^^ par contre je suis plutot postgres que mysql mais bon :p ca a l'air super interessant lemon pour le paiement merci du partage !! hate de voir comment tu fait le déploiement , perso j'ai commencer à prendre l'habitude de scinder back et front en deux repos et de déclencher le build d'image docker sur certaine branch ( comme le passage en préprod ou en prod ) on peut faire la même chose en monorepo ? hate de voir ce que tu nous a réalisé ! je te l'ai déja dit mais quand j'ai eu le choix de me reconvertir ou de continué dans ma lancer ( j'était coté ops , management ops pour être précis ) tes vidéos mon clairement aiguiller sur mon choix ! )

[@kstmzr]

Hyper intéressant ! Merci de partager cette stack qui a l'air d'enfer !

[@olivier801]

Cool, merci pour le partage !

[@coco5843]

WoW job exceptionnel, ce choix de stack est excellent 🎉

[@sebastienP880]

Une vidéo bien technique ça fait plaisir. Good job 🤝

[@NemesisA5]

Elle est géniale cette vidéo, je pense que ça en aidera plus d'un

[@aquisiteur5956]

Super trop interessant ! et VueJs est selon moi le top du top trop simple à utiliser, à mettre en place et en plus il se rapproche le plus de la syntax native

[@lucasruelle1524]

Organisation des branches, CI/CD, Plutôt gitflow ou trunkflow ? Semantic versioning ? Le cote "DevOps" ;)

[@swwitcher8238]

Ah j'attendais cette vidéo avec impatience hehe

[@atrillun9069]

Ça m’a donné envie d’apprendre Adonis 😁

[@ch_edarllicious4047]

Au top ce stack ! Tu nous ferai pas une vidéo dédié a Nuxt ? Le potentiel à l'air cool et c'est une boite française (j'te donne presque une idée de série de vidéo là... ! )

[@ABYSS00]

Stripe a ajouté les taxes automatiques! (c'est une option a configurer) en tout cas top les videos sur le saas

[@BenjaminCode]

A propos de stripe tax sur twitter j’avais lu ceci : It’s not the calculation and application that’s the issue, stripe tax indeed works well for that. It’s the registration and remittance to all the different jurisdictions which is very challenging and not covered by stripe tax.

[@blokche_dev]

Même feeling à propos de React ici 😆 Penser React avant de commencer à penser métier... Bravo pour la mise en lumière d'Adonis, il mérite clairement.

[@-AIFTW]

"Regardé comme il est bien fait" en plus de m'apprendre un tas de choses tu me fais rire! Thanksss!

[@Quentame74]

Hello ! Super vidéo, mais j’attends plus de technique 🤓😉 - Comment sont gérés les modèles et autres fonctions communes ? Package « common » à côté de tes « backend » et « frontend » ? - Quid du build/serving de tes deux packages ? - Conteneurisé ? - Intégration CI/CD ? J’espère avoir quelques réponses mais merciiiii quand même 🤩

[@Hyksos_]

Purée la miniature ❤

[@didawin]

bravo pour la video et ton SaaS! y étant passé par la l'an dernier, ca fais plaisir de voir le chemin d'autres et comparer nos choix. Par contre, a 12:39 je comprends vraiment pas le choix de la DB.. ton cas d'usage est autours des connections entre personnes/marques/affiliations, tu aurais clairement plus d'intérêt a partir sur une base graphe, qui t'ajouterais énormément de valeur comme par exemple la recherche par communauté, connection , etc. Et pour la partie cloud, si je prends la plus grosse bdd graphe aujourd'hui (neo4j il me semble) ils ont un service cloud aussi. donc le choix de mysql... comprends pas

[@julialov4628]

Merci pour cette vidéo full valeur. Grâce à toi, j'ai découvert Lemon Squeezy, grosse pépite !

[@AnthonyBOUQUET-Globule]

Top tes vidéos, pour un vieux issus du backend ça donne envie de plus en plus de faire du front! T'as vraiment géré la transition sur ton sponsor comme un maître :)

[@ahmeddrissi2624]

Merci pour cette vidéo

[@kephas36]

Je développe aussi avec Nuxt et je l'utilise pour la partie backend également, pourquoi ne pas avoir utilisé Nuxt dans sa globalité pour ton projet ? ça va encore plus vite dans le développement. Très intéressant la partie DB.

[@Atelierdufaucon]

Très sympa, j'adorerais voir le bootstrap

[@quentinklein1338]

Hyper intéressant :)

[@Pitoouuu]

Merci pour la vidéo ! Questions "sensibles" : - Comment tu te protèges contre les DDoS ou de façon générale scale le service si d'un coup tu croules sous le succès 🚀 ? - Comment tu te protèges contre le partage de compte ? (Si ce n'est pas une protection technique, peut-être que des astuces UX peuvent dissuader le partage ?)

[@loicklutin2293]

Pour le DDoS il existe (en Java en tout cas) des librairies de rate limiting. Possible que ça soit la même chose en typescript. Et pour la scalabilité si il utilise des containeurs avec un orchestrateur l'orchestrateur a la responsabilité de gérer la charge ( à la hausse comme à la baisse) dans les limites hardware du cluster qui l'héberge.

[@fabiyifabrice9773]

Tes vidéos sont toujours très instructives à regarder 😃😃. Si tu à un nouveau saas à faire je suis partant pour t'aider.

[@robinlocalnord]

Woah merci pour les infos

[@MrKurtiix]

J'adore tes vidéos un peu plus tech !

[@ericsobze8696]

Merci benji😊

[@CyBeRTeCk_]

Bonjour Benjamin, pourquoi ne pas avoir utilisé Nuxt pour le front et le back ?

[@worksfatherwemagic3152]

Oui, cela m'intéresse aussi comme question

[@mathnewph]

Je dirais que c'est pour tout ce qui est inclus dans adonis. Si il y avait ça dans nuxt ça serait un Banger indétrônable

[@atinux]

@@mathnewphentièrement d’accord, j’y travaille actuellement avec NuxtHub, pour faire carrément du full stack dans le edge 🚀

[@Martino_elprof]

C'est la question que je me suis poser?

[@Luffy00023]

Ce n’est pas fais pour, Nuxt permet de faire du « backend » mais c’est un très grand mot. Ça ne permet pas de faire toute une API complète comme Adonis par exemple. En tout cas sa serait un enfer de le faire. La partie server de Nuxt c’est bien pour quelques petites fonctions, ou des call API par exemple.

[@nakato53]

Pour un back en TypeScript, proche d'une experience de Symfony, je suis sur FoalTS depuis 2 ans maintenant. C'est fait par un francais, ancien dev PHP SF et on y retrouve presque toute nos habitudes :)

[@Arkounay]

ça a l'air vraiment bien FoalTS merci, mieux que ce qui est présenté dans la vidéo en tout cas mais pourquoi utiliser ça plutôt que symfony ? le ts apporte vraiment quelque chose ou c'est pour une autre raison genre les perfs ?

[@nakato53]

@@Arkounay C'est surtout dans le but d'etre uniforme sur la stack. Mes fronts sont de plus en plus via Vite/React/TypeScript donc c'est plus simple en terme d'environnement. Plus besoin de maintenir une version de PHP sur la machine

[@papoteur8635]

Sympa le casque des Mythiques Daft Punk derrière !

[@remipelloux3152]

Excellente video ! Je suis entrain de faire mon SaaS avec le combo Wasp/Prisma/Ts c'est plutot pas mal aussi

[@Lunolux]

superbe vidéo

[@khneo]

Merci pour la video ! J'aimerais bien que tu parles de comment gerer la scalabilité d'une app ?

[@bric305]

N'était-il pas possible d'utiliser Nuxt pour le back-end également?

[@mantalo]

Yo, j'attendais cette vidéo avec impatience, je t'avais demandé sur twitter la semaine dernière ;) Trop bien. J'ai une question par contre sur l'utilité d'adonis. Je développe sur vue depuis un moment et j'ai eu envi de tester nuxt sur un projet perso récemment. En lisant la doc, je vois que le dossier server est censé faire office de backend. As-tu envisagé l'utilisation de ce dossier afin de n'avoir qu'un projet, ou y a t'il des raisons qui t'on poussé à adopter un backend dédié ? En DB, as tu envisagé d'utiliser supabase ? c'est du postgres, ca semble pas cher, et tout est embarqué, db, authentification, etc ....

[@Cyrilbooker]

Je partage ces deux très bonnes remarques et questions !

[@Elmortani]

Hello Benjamin, tu utilises VueJs3 en composition Api ? Commebt tu utilises les memes types avec front et back ?

[@g-kkone1662]

Trop bien les infos !!!

[@toto_videos]

T’es trop fort… je regrette trop de pas avoir creuser la partie front et back et framework plus jeune au lieu de juste avoir des connaissances en HTML/CSS pour WordPress. Savoir faire tout en solo de AàZ c’est trop bien. Bravo mon bon

[@didubako6738]

Si t’as déjà des bases en html / css c’est déjà pas mal … il te reste plus qu’à apprendre un langage de programmation et tu pourra tout faire solo

[@MrBonbatong]

Il n'est jamais trop tard, je m'y met à 35 balais

[@axelfroehlicher5777]

Super vidéo! Tu partagerai pas ton boilerplate alléger avec les packages de premières nécessités ? 😀😀

[@pierre-jeanchancellier8955]

Nice. Moi-même je bosse sur un projet client avec Nuxt et Nuxt-UI :) C'est vrai que ça marche très bien ! Je découvre aussi Adonis grâce à Romain (que j'ai découvert grâce à toi et BoomBoom :p). Une très belle stack ;)

[@yvanohe007]

Salut Benjamin, je ne comprend pas bien comment on gère ses utilisateurs dans les SAAS ? Tu gères toi même la base de données des utilisateurs et de leur infos ? quid des questions de sécurité ? Est ce qu'il y a des services qui gèrent cela (données users et authentication) ?

[@nicolas-k2g1w]

sympa la vidéo ^^beau boulot

[@fabienamoussou5654]

J'adore le son en back, je ne sais pas quel est l'instrumental mais ça me détend de ouff

[@ZePapyZ]

Merci benjamin pour Lemon Squeezy comme un vieux dans ses pantoufles j'utilisais Strippe

[@louismazel]

Et l'hébergement ? Hostinger en sueur ?

[@bosterjack]

Belle présentation de ton stack, je pense que je vais rechercher sur Upwork si Adonisjs est réputé 👍

[@msdos911]

Tu m'as bien fait rigoler avec: il m'a tété donné.😂😂😂

[@guitouceleri]

Merci pour ta video tu m'as fait decouvrir Adonisjs et ça c'est fabuleux ❤ etant un ancien pratiquant de Symfony je me retrouve facilement dedans. Par contre j'aurai bien voulu savoir comment tu geres le deploiement, l'hebergement de ton site. Peut etre une prochaine video ?

[@tyaho83]

VUE / NUXT C'est tellement LA VIE ! Après pour le backend j'ai obté pour STRAPI qui est vraiment hyper agréable à l'utilisation.

[@Pandastein]

Nickel la vidéo merci ! Tu l'as hosté comment finalement ?

[@RemiThomas]

Ceux qui veulent une stack typée, objet, avec du rendu server side sans devoir apprendre javascript/typescript et surtout sans prise de tête au niveau des dépendances regardez du côté de blazor. Encore un joli coup de la part de Microsoft. FluentUI blazor pour les composants visuels. Ce que j'adore c'est le debug qui est parfait, l'IDE Visual Studio qui evite d'aller configurer le moindre fichier de build a la main et la communauté qui est gigantesque.

[@damien309]

Toujours aussi sympa à regarder, et même si je ne suis pas toujours aligné avec tes choix techno, le résultat est la. Il faudra cependant penser à ajouter la fameuse bannière d’acceptation des cookies ainsi que l’explication sur quel cookie sert à quoi afin d’être en règle niveau GDPR

[@BenjaminCode]

Tant que tu t’inscris pas à l’app, t’as pas de cookie, donc je me suis dit que c’était pas nécessaire d’encombrer la landing page de tout ce bazar mais peut être que je me trompe. Je vais faire une vidéo entière sur le thème de la RGPD avec des spécialistes pour justement mieux comprendre tout ça et sensibiliser par la même occasion

[@yvanohe007]

Méga super vidéo !! Jai pas trop compris a quoir sert pnpm par contre... Mais je suis encore un peu noob dans le dev

[@KorxKlesk]

Adonis à l'air intéressant, en revanche quid de l'injection de dépendance pour pouvoir faire du TDD efficacement par exemple ?

[@adrienmorin677]

Merci beaucoup pour cette vidéo très complète ! Aurais-tu connaissance d'un starter de projet utilisant cette stack ? Je pense qu'on serait nombreux à être intéressés !

[@freeyoutube216]

Quels outils tu utilise pour héberger ton site et ton backend? Tu héberge tout sur vercel?

[@FlorianSinatra]

À chaque pièce de ta stack je m'y attendais en mode "j'espère qu'il a choisi ça" 😍 Petite question : tu dis qu'il y a des choses qui te font rager côté TS avec Vue, tu penses à quoi ? Et enfin : à la place de Nuxt est-ce que tu avais jeté un œil à Quasar et si oui, t'en penses quoi ?

[@maotux1474]

Très bonne vidéo, mais pourquoi n'as-tu pas utilisé AnalogJS avec ton framework de cœur ? c'est vrai que le SSR officiel d'Angular est très bof (c'est de l'universal rebadgé ...). Merci pour lemon squeezy je ne connaissais pas.

[@tacxtv]

Merci de nous avoir partagé ta stack, personnellement j'ai beaucoup de points communs avec ta stack frontend pour mes projets et j'en suis très satisfait aujourd'hui. Pour ce qui est du backend j'ai pas du tout le même avis :') J'utilise NestJS depuis 4 bonnes années déjà et j'en suis plus que satisfait. Suis-je un backend développeur fou ? 😂 Une question me vient du coup, pourquoi les workspaces de pnpm plutot que ceux de yarn ?

[@taykara5830]

Super interessant, cette vidéo tombe à point nommé car je suis en train de monter un projet web et je suis toujours en reflexion sur les outils qui vont composer la stack. Petite question : quel ORM utilises-tu ?

[@carlodrift]

celui d'adonis peut-être ?

[@seb.7o]

Ça à l'air hyper tentant mais j'ai vraiment du mal avec TS.. enfin, surtout les 15 millions de dépendance et de packages qui s'installent avec npm, sont utilisation.. c'est difficile de ne pas choisir python quand je démarre un projet, j'aime tellement, mais, pas de front 😬 cette vidéo me donne envie de ressayer, ça fait quand-même envie :) merci pour cette présentation ! (Tu penses faire une vidéo qui rentre plus dans les détails de ces technos ?)

[@enzomiraglio6833]

Salut benjamin super vidéo !! Juste tu pourrai donné une idée du prix de lemon squezzy ? Et t’es taches cron sont fais via des service que tu lance x temps ?

[@alexandrenormand5463]

Hello, Super cette vidéo. De mon côté je participe à la refonte d'un SaaS vers NuxtJs. Je n'ai pas bien compris à quoi sert Nuxtui Pro. peut-être qu'une vidéo, sur ce sujet, serait intéressante.

[@rawz06]

On attend le repo public pour le boilerplate ! Sinon une vidéo très attendu

[@alexl6681]

T’as pas un système de monitoring ? Et si ton app est down, ton PRA est prêt ? Et petite question, l’argument du SSR pour l’app est valable pour la vitrine mais pas forcément pour l’app, tu aurais pu choisir du client side pour l’app sans impact sur ton referencement

[@katxu]

Salut Benjamin ! Tu pourrais nous parler des enjeux de sécurité que tu as rencontré lors de la création de ton app ? Je créé moi même une app actuellement (un peut trop gros pour appeler ça un SaaS) et elle sera vulnérable à pleins de types d'attaques différentes (botting, spamming, etc.). Ca serait cool que tu nous montre comment tu as sécurisé tout ça. Pour l'instant j'utilise Supabase pour l'auth et une self-hosted DB (que je vais probablement monter en cloud) que je consomme avec Drizzle mais rien qui ne protège la création massive de comptes par exemple ou même le spamming de request au niveau de l'API. Si tu peux nous faire un retour sur comment toi tu as fais ou si tu connais du monde pour expliquer ça dans un Tweet ou vidéo (encore mieux) ça pourrais être top, d'autant plus que ce sujet deviens de plus en plus important. Merci à toi !

[@widenisland]

Salut mec je découvre ta chaîne au top et je débute en dev depuis environ 6 mois j’ai commencé avec react la depuis quelques semaines je me disais quand est ce que je pourrais me lancer dans une mini startup, avec le tech stack dont tu parles. Il y a tellement de notions à savoir que bon voilà la je suis encore à comprendre les props et les useStates par encore commence avec typescript 😅

[@zogzog]

un avis sur Nitro, le backend de nuxt ? comment tu as géré les emails ?

[@e-shopafrica6359]

j'ai bien aimé la vidéo . Après mes débuts fait avec vuejs2 & 3,en utilisant souvent la bibliothèque Material bootstap design vue,ou le tailwind . je m demandais bien si je devais forcément allé vers du react . À un moment j'ai démarrer l'apprentissage de REACT mais 😂,j'ai pas vraiment kiffé .Après cette vidéo je sais quoi faire maintenant .

[@yanntrad2304]

Et pour le back : nodejs, express, typescript ?

[@abdelliabdelli2645]

Une.video complete sur le deploiement stp.

[@yanisoulhaci3369]

En attente de voir le Nuxt version React sortir un jour..

[@lebretzel_]

J'ai pas compris grand chose, je manque de connaissances pointues, mais j'ai adoré ta vidéo ! 😁

[@abdelatifbaha1505]

C'est beau ! C'est Bordeaux ❤❤

[@monsieurm2904]

Node ace pour les scripts recurrents. Cela marche que avec Adonis ?

[@loutrea]

Je suis toujours étonné de voir où va la stack JS, elle ne fait que se compliquer au fil du temps, ajax, puis framework ultra complexes, meta language comme typescript, et maintenant le server side rendering, on se demande où ça va s'arrêter. Il me semble que le futur se trouve plus du côté de htmx, ou dans l'idéal d'une évolution d'html.

[@didubako6738]

Je connaissais pas l’htmx ça a l’air plutôt sympa

[@Arkounay]

oui la plupart utilisent ces technos sans comprendre ce qu'elles apportent, quand dans 99% des cas du SSR suffit largement. ces techno c'est bien si tu as besoin de faire une web app + des applis natives à côté etc, dans la plupart des cas ça restera que sur sur le web et là oui htmx ou stimulus avec turbo suffisent largement et donnent un résultat beaucoup plus maintenable

[@Cryptogratuit1]

Salut Benjamin, tu as codé ce SaaS de A à Z tout seul ?

[@julienroche5829]

Question bête mais quel IDE utilise tu ?

[@fredchess]

7:42 je pleure de rire 😭😭😭😭😹😹😹😹😹