Hébergement gratuit avec Firebase Hosting d'une app React, Vue, Angular...

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ย. 2024

ความคิดเห็น • 59

  • @devclub_fr
    @devclub_fr  ปีที่แล้ว

    Envie d'un accompagnement personnalisé ? Rejoignez mon programme de mentorat pour bénéficier de mes conseils d'expert et d'un accompagnement professionnel sur-mesure ! Rendez-vous sur devclub.fr/mentorat pour plus de détails et réserver votre séance dès maintenant !

  • @DavidSilveraYT
    @DavidSilveraYT 3 ปีที่แล้ว +3

    Hello,
    Vraiment très pratique Firebase Hosting! Je l'ai utilisé aussi pour montrer comment créer et héberger un site web avec Flutter 😉

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว +1

      Je commence à assumer que j'adore Firebase ahah !

  • @fabiocartolano133
    @fabiocartolano133 2 ปีที่แล้ว +1

    Je pensais pas que c’était aussi simple merci !

  • @codeavecstephane
    @codeavecstephane 2 ปีที่แล้ว

    C'était aussi simple que ça !
    Actuellement sur un projet e-commerce avec Angular/Firebase, j'espère que cette vidéo m'aidera pour l'hébergement.
    Merci Beaucoup 🙏

  • @leolion516
    @leolion516 2 หลายเดือนก่อน

    Super ce tuto !

  • @crazygamepad6592
    @crazygamepad6592 ปีที่แล้ว

    merci je bloquait sur un détail mais c'est résolu grâce a toi

  • @adraltor6408
    @adraltor6408 2 ปีที่แล้ว +1

    T'es vraiment le boss ...

  • @ousmanououzeima1133
    @ousmanououzeima1133 9 หลายเดือนก่อน

    Très bonne explication, merci.

  • @sarael3922
    @sarael3922 3 ปีที่แล้ว +1

    Merci tu m’a sauvé la vie !

  • @martinl.5049
    @martinl.5049 9 หลายเดือนก่อน

    Aussi simple que ça ! J'ai eu le problème de la modale disant que tout fonctionne qui s'affiche au deploy mais qui affiche pas la page... J'ai refais le déploiement et ca fonctionne correctement maintenant. Je saurais pas dire la raison exact, probablement un problème au niveau du firebase.json
    Encore merci pour cette vidéo super intuitive !

  • @monsirgaufre5262
    @monsirgaufre5262 3 ปีที่แล้ว +3

    salut, j'ai tt suivi malheureusement j'ai une erreur au moment du NPM run build
    Failed to compile.
    ./src/styles/styles.scss
    Error: resolve-url-loader: CSS error
    source-map information is not available at url() declaration (found orphan CR, try removeCR option)
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    Quelqu'un pourrait m'aider ou me donner une autre solution pour héberger mon site svp

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว

      Vérifie bien que tu as un loader scss pour ton webpack, hésite pas à venir demander de l'aide sur Discord également !

  • @olivierrubuz1710
    @olivierrubuz1710 5 หลายเดือนก่อน

    Merci mon reuf

  • @redyk4073
    @redyk4073 3 ปีที่แล้ว +2

    Donc en fait si on a un compte firebase on peut se passer d'une création d'un serveur avec un langage back ? On pourra configurer la partie back sur firebase ?

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว +1

      Oui tu peux à 99% tout faire sur Firebase :) mais encore une fois à mettre en perspective de ton projet !

  • @FlorentTetaud
    @FlorentTetaud 3 ปีที่แล้ว +2

    oula bien compliqué pour ne déployer qu'une SPA en comparaison de Netlify. Je suppose que c'est le service le moins intéressant de Firebase et que ça plus value vient avec les services back-end qu'il permet ? Notamment la gestion d'utilisateur et l'auth.

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว +2

      Il y a tellement de trucs sur Firebase que faudrait une vidéo entière pour juste les présenter. Tu es pas le seul à avoir fait cette remarque en comparant avec Netlify, mais je prévois dans le futur de vous faire des tutoriels sur firebase et j'aime bien ne pas trop disperser les services ;)

  • @juniorloic9385
    @juniorloic9385 2 ปีที่แล้ว +1

    Salut !
    Merci pour ce tuto interessant.
    Svp le : *npm run build* ne marche pas chez moi.

    • @devclub_fr
      @devclub_fr  2 ปีที่แล้ว

      Ça dépend de ton framework, va voir dans le package.json le script qui correspond à celui-ci 👍

  • @scrooml7312
    @scrooml7312 2 ปีที่แล้ว +2

    Saluut ! Merci à toi mais j'aurais une question comment on midifie son site une fois que celui si est déployé ! Merci :)

    • @devclub_fr
      @devclub_fr  2 ปีที่แล้ว

      Il faut redéployer ;)

  • @benjaminfranklin5843
    @benjaminfranklin5843 8 หลายเดือนก่อน

    Merci

  • @cheguevara1986100
    @cheguevara1986100 ปีที่แล้ว

    Bonsoir,
    J'arrive pas à dépasser l'étape d'initialisation. Qu'est-ce que je dois faire?

  • @justicetout
    @justicetout 2 ปีที่แล้ว +1

    J'ai une question : quelle est la différence entre Firebase et OVH ou Ionos ? Je ne comprends pas.

    • @devclub_fr
      @devclub_fr  2 ปีที่แล้ว

      Ovh c’est un hébergeur dans le sens où ils fournissent les serveurs mais pas le système utilisé dessus. Tu dois coder tout le back, firebase fourni l’hébergement et le système complet de back (auth, db etc…)

  • @angryloop
    @angryloop 3 ปีที่แล้ว +1

    Intéressant mais j'ai du mal à comprendre les services proposés par Firebase. On a plus besoin de s'inquiéter de son back quand on veut créer une appli web ? Et si je developpe avec Symfony, ça ne me sera pas vraiment utile ?

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว +3

      En fait firebase propose beaucoup d’outils de back : auth, api, storage, database, realtime, workers et aussi des outils de déploiement, de test, d’analytics. Il faut le voir comme une suite complète qui, oui, en théorie permet de faire tout ce qu’un serveur back fait sans avoir à ce préoccuper de scale etc. En tant que dev symfony peu d’intérêt en effet. Pour moi je vois firebase comme l’equivalent des kits ui pour les fronts :) ! Mais si ça vous intéresse je pourrai faire une vidéo de présentation plus globale de fb !

    • @angryloop
      @angryloop 3 ปีที่แล้ว +2

      @@devclub_fr Merci pour la précision. J'envisage de reprendre ma formation mais en m'orientant plutôt vers le front (Vue et React me font de l'oeil :-) ). Effectivement, une présentation plus globale des services de FB serait vraiment top ! Bonne continuation en tout cas !

  • @AmelyaM
    @AmelyaM 3 ปีที่แล้ว +1

    Salut , moi je trouve ça ultra compliqué alors qu'avec netlify c'est bien plus simple d'heberger une spa et chaque modification sont automatiquement détecter par git push vu que c'est relier au dépot je te conseille de voir ça c'est pratique et c'est genre test-host. netlify . app c'est assez pratique c'est ce que j'ai fait pour mon portfolio en .Fr avec nom de domaine SSL etc et c'est tellement plus simple :) je te conseil de regarder ça quand tu pourra :)

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว

      Tu peux faire la même chose avec firebase et avoir du déploiement automatique avec github 😁, netlify tu peux faire de l’hébergement statique certes mais vu que je voudrai faire ensuite plus de tuto autour de firebase, je trouve que c’est une bonne introduction ! Mais qu’est-ce que tu trouves de compliqué dans ce tuto ?

    • @AmelyaM
      @AmelyaM 3 ปีที่แล้ว +2

      @@devclub_fr oui j'ai vu ça dans les vod du coup c'est pas mal :) et la partie mise en place avec les commandes mais je le fesait déjà à l'époque du coup c'est pas si compliqué mais c'est toujours moins évident et intuitif que netlify :) mais je crois que firebase permet de balancer du serveur nodejs alors que netlify le fait pas

    • @benimakmbelolo7511
      @benimakmbelolo7511 ปีที่แล้ว

      @@devclub_fr bonjour je suis entrain de faire un projet React firebase et j’aimerais l’héberger sur hostinger une fois terminer du coup j’aurais aimé avoir déjà une idée comment faire😅

  • @HeroAttitude-226
    @HeroAttitude-226 ปีที่แล้ว

    Super cool

  • @devweb710
    @devweb710 3 ปีที่แล้ว +1

    Est-ce qu'on peut devenir développeur de logiciels en autodidacte ?

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว +2

      Oui bien sur avec de la volonté c'est possible !

  • @bebs8501
    @bebs8501 ปีที่แล้ว

    Salut, en hébergent son site comme ça avec firebase, netlify, vercel... est on référencé sur google ou pas?

  • @benjpls
    @benjpls 10 หลายเดือนก่อน

    Bonjour, je souhaite héberger mon portfolio, qu'elle est la limitation de taille pour que cela reste gratuit ? Merci.

    • @devclub_fr
      @devclub_fr  10 หลายเดือนก่อน

      Il y a très peu de chances que tu atteignes le palier où ça deviendra payant, surtout si tu n'utilises que l'hébergement sur Firebase 👍 sinon regarde a page des tarifs tu peux faire une simulation 🙌

  • @serfiudoperus5814
    @serfiudoperus5814 3 ปีที่แล้ว +1

    Salut Hugo, Quelle thème tu utilise sur vscode il est super.

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว +3

      Synthwave 84 👾

  • @jotess-johnson8973
    @jotess-johnson8973 3 ปีที่แล้ว +1

    Salut Hugo, je me demandais comment un dév faisait pour toujours être à la page? Il y'a des sites spécialisés? Merci.

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว +1

      Hello Jo, j’ai fais une vidéo également sur le sujet th-cam.com/video/LCTLGJsbhDg/w-d-xo.html

    • @stephpolaire2229
      @stephpolaire2229 3 ปีที่แล้ว

      @@devclub_fr je débute en codage. J'ai bossé mes bases sur html css js. j'hésite entre commencer typescript puis angular, ou le C pour préparer la piscine de 42. Des conseils sont bienvenus 👍🏿

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว

      Si tu veux tenter 42 et que tu te sens ok pour le C fonce dessus n’hésite pas ! Typescript est une formalité si tu connais deja js

    • @stephpolaire2229
      @stephpolaire2229 3 ปีที่แล้ว +1

      @@devclub_fr merci bcp pour ton conseil et ta chaine, c'est une référence

    • @aliyahyaoui8523
      @aliyahyaoui8523 3 ปีที่แล้ว +1

      @@devclub_fr peux tu partager avec nous tes sources pour faire ta veille techno ? sinon on attends des videos plus souvent :)

  • @StarSpotlightTV-1
    @StarSpotlightTV-1 3 ปีที่แล้ว +1

    Svp j'aimerai rentré en discussion avec vous pour qu'on puisse discuter de la formation
    Merci

    • @devclub_fr
      @devclub_fr  3 ปีที่แล้ว

      Hello mawu, tu peux rejoindre le Discord si tu veux !

  • @quentinlambert8412
    @quentinlambert8412 ปีที่แล้ว

    Hello, j'ai une question.
    J'ai créé un site web en React (1 seule page) avec différents composants.
    J'ai un server.js qui me permet d'envoyer un mail de contact qui utilise Express.
    Peux-tu m'expliquer comment je dois faire pour réussir à déployer mon app React + serveur nodemailer ?
    Merci d'avance.

    • @devclub_fr
      @devclub_fr  ปีที่แล้ว +1

      En fonction de la complexité de ton app serveur, tu peux, à priori, la transformer en Cloud Functions avec Firebase et ne même pas avoir à héberger sur un serveur 👍

    • @quentinlambert8412
      @quentinlambert8412 ปีที่แล้ว

      @@devclub_fr Merci pour ta réponse.
      Néanmois, je dois tout de même héberger mon application React ET mon serveur mail qui communique avec celle-ci.
      Est-ce que uniquement du "Cloud Functions" serait suffisant ? Merci encore.

    • @devclub_fr
      @devclub_fr  ปีที่แล้ว +1

      @@quentinlambert8412 Sur Firebase tu as la partie Hosting (que j'ai montré dans cette vidéo) pour ton app React et les cloud functions pour ton serveur, que tu peux joindre dans le même projet. Quand tu initialises Firebase dans ton projet tu auras ensuite un dossier functions dans lequel tout se passe. Il y a pas mal d'exemples avec nodemailer sur le web, tu peux trouver ça facilement 👍

    • @quentinlambert8412
      @quentinlambert8412 ปีที่แล้ว

      @@devclub_fr Merci beaucoup pour ton aide. Bonne continuation !

  • @monprenometmonnom5518
    @monprenometmonnom5518 3 ปีที่แล้ว

    Coder et baiser c'est cool , il faut viser la polyvalence des talents

  • @modousarr9549
    @modousarr9549 5 หลายเดือนก่อน

    Salut tu peut m'aider a mettre en ligne mon projet
    Je peut t'envoyer ça en mail si c'est possible