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 !

[@vincentmarconnet6061]

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

[@olivierny5078]

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

[@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.

[@matthieudantes4129]

ça manquait une vidéo technique, merci!

[@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

[@faifad]

Merci pour la reco lemonsqueezy!

[@Barbouy]

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

[@R0NE-]

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

[@etiennedibi1514]

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

[@RomainLanz]

Stack de dingue !

[@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 !

[@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

[@jeromeguerin2481]

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

[@maximelambert926]

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

[@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à... ! )

[@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 ! )

[@sebastienP880]

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

[@lucasruelle1524]

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

[@zergling123]

Bravo pour Vue

[@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 🤩

[@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)

[@kstmzr]

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

[@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 :)

[@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!

[@bric305]

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

[@swwitcher8238]

Ah j'attendais cette vidéo avec impatience hehe

[@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

[@coco5843]

WoW job exceptionnel, ce choix de stack est excellent 🎉

[@axelfrhc]

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

[@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

[@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.

[@fabiyifabrice9773]

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

[@Elmortani]

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

[@louismazel]

Et l'hébergement ? Hostinger en sueur ?

[@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) ?

[@mathieupanel5020]

Bravo ! des choix atypiques en plus !

[@julialov4628]

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

[@atrillun9069]

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

[@Hyksos_]

Purée la miniature ❤

[@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 ?

[@NemesisA5]

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

[@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.

[@msdos911]

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

[@romaindarde]

Bonjour Benjamin, j’ai commencé à coder mon site avec Next et je galère énormément (je suis débutant). Dans son fonctionnement le site s’apparente à Airbnb, est-ce que je devrais continuer à m’acharner sur Next ou passer avec Adonis ou une autre technologie ? Merci 😁

[@monsieurm2904]

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

[@olivier801]

Cool, merci pour le partage !

[@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.

[@freeyoutube216]

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

[@bosterjack]

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

[@bomstechnology15]

Hey stp Ben j'aurais aimé en savoir plus à propos de tes scripts récurrents (comment tu récupères les sponsors)

[@shiido2.050]

salut, pourquoi ne pas avoir utilisé nuxt pour le back également ? Tu as nitro qui est intégré dans nuxt avec le :server directory c'est super aussi

[@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 !

[@josiasASSIH-n3d]

pourquoi tu ne fait plus du symfony?

[@yanntrad2304]

Et pour le back : nodejs, express, typescript ?

[@KorxKlesk]

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

[@LoonayTube]

Dude, les dépendances ca se met à jour sur un projet existant aussi hein

[@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

[@fabienamoussou5654]

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

[@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

[@manuellestree3885]

La partie batch est gérée par adonisjs également ?

[@zogzog]

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

[@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 ;)

[@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 ?

[@romaricviviendo]

Hello, offres tu une formation sur ce stack ?

[@papoteur8635]

Sympa le casque des Mythiques Daft Punk derrière !

[@lebretzel_]

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

[@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

[@Cryptogratuit1]

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

[@tutosnoxostudio]

"Le pti dernier a une sale Gu..." 🤣 Le rire non contrôlé que j'ai eu au bureau 👏🤣

[@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.

[@qk-7b]

Hyper intéressant :)

[@Atelierdufaucon]

Très sympa, j'adorerais voir le bootstrap

[@khneo]

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

[@GuillaumeVautrin-b8e]

J'ai une question potentiellement bête, mais pourquoi ne pas avoir utilisé Nuxt comme backend ?

[@julienroche5829]

Question bête mais quel IDE utilise tu ?

[@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 !

[@rawz06]

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

[@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.

[@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 !

[@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 😅

[@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 ?

[@yanisoulhaci3369]

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

[@nadinel4327]

Pour le paiement as-tu envisagé Mangopay ? Si oui, pourquoi tu ne l'as pas choisi ?

[@carlodrift]

De ce qu'il dit, il cherchait la gestion des taxes de manière internationale, ce que ne fait pas Mangopay

[@nadinel4327]

@@carlodrift Il a parlé de Stripe, pas de Mangopay, d'où ma question

[@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

[@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 ?

[@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 ?

[@Pandastein]

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

[@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 ?)

[@jmichot1]

Marrant Lemon squeezy a été racheté par Stripe, c'est en effet top pour les paiements

[@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

[@remipelloux3152]

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

[@ZePapyZ]

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

[@manucosa26]

salut, pour l'ORM t'as utilisé celui proposé par adonis ?

[@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.

[@GSNagencyADS]

Je voulais vraiment voir cette vidéo, mais la priorité numéro "une" à 1:29 🤣 m'a découragé.