Eli Lopez
Eli Lopez
  • Видео 22
  • Просмотров 193 094
How to Use Firebase Auth with Nuxt 3 🔥 (2024)
Tutorial on how to implement Google Sign In from Firebase Authentication in Nuxt.js 3 using the VueFire library.
How to install Node.js/NPM: enterflash.io/posts/how-to-install-nodejs-and-npm-on-windows-mac-or-linux
#nuxtjs #firebase #enterflash
EnterFlash Discord Channel ⚡: discord.com/invite/jw93vEZqg5
Instagram: elilopezdev
Twitter: x.com/elilopezdev
Просмотров: 2 257

Видео

Subscriptions with Stripe Checkout using Vue 3 and Firebase 9 - Part 2
Просмотров 6 тыс.2 года назад
We set up the Stripe Webhook to update subscriptions in Firestore. Also, we styled our Vue project with Bootstrap CSS, and we created the Stripe Checkout and Customer Portal Sessions. Part #1: ruclips.net/video/KiEgUp91ejc/видео.html EnterFlash Discord Channel ⚡: discord.gg/jw93vEZqg5 Stripe Dashboard: dashboard.stripe.com/ Firebase console: console.firebase.google.com/ Code GitHub repo: github...
Subscriptions with Stripe Checkout using Vue 3 and Firebase 9 - Part 1
Просмотров 8 тыс.2 года назад
For this first part, we set up the Vue.js and Firebase project with the Stripe extension and Firebase Authentication. Part 2: ruclips.net/video/VnntkusKinM/видео.html How to install Node.js/NPM: enterflash.io/posts/how-to-install-nodejs-and-npm-on-windows-mac-or-linux Stripe Dashboard: dashboard.stripe.com/ Firebase console: console.firebase.google.com/ Code GitHub repo: github.com/EnterFlash/f...
Docker basics #1: Understanding Docker images
Просмотров 2482 года назад
Quick tutorial to learn how Docker images work and how we can push them to the Docker Hub Cloud or any other registry. Blog post link & GitHub repo: (Writing, coming soon...) EnterFlash Discord Channel ⚡: discord.gg/jw93vEZqg5 Follow me on Twitter 😊: elilopezdev My favorite git GUI: www.gitkraken.com/invite/c4SJ... #EnterFlash #Docker
Connect to Firestore DB using Admin SDK - Online store with Nuxt 3 & Firebase
Просмотров 7 тыс.2 года назад
Connect your Nuxt 3 application to Firebase Firestore using Admin SDK, which is the server-side version of Firebase. Blog post link & GitHub repo: enterflash.io/posts/connect-to-firestore-db-using-admin-sdk-nuxt-3 firebase How to install Node.js/NPM: enterflash.io/posts/how-to-install-nodejs-and-npm-on-windows-mac-or-linux Follow me on Twitter 😊: elilopezdev My favorite git GUI: www...
How to create a shopping cart - Online store with Nuxt 3 & Firebase
Просмотров 7 тыс.2 года назад
Build a persistent shopping cart for an online store using Nuxt js. Nuxt is a Vue js framework that implements server-side rendering, as well as some other server side features coming with its latest version Nuxt 3 Blog post: enterflash.io/posts/how-to-create-a-shopping-cart online-store-with-nuxt-3 firebase How to install Node.js/NPM: enterflash.io/posts/how-to-install-nodejs-and-npm-on-window...
Set up your production MySQL database server from scratch
Просмотров 9 тыс.3 года назад
Learn how to set up MySQL database in an Ubuntu server (linux) with Linode and test it with MySQL workbench. Get $100 USD Linode credit for your server with this link: linode.gvw92c.net/4eGzDG Follow me on Twitter: elilopezdev #mysql #database #server Timestamps: 0:00 - Intro 1:00 - Creating an Ubuntu server on Linode 2:00 - How to harden SSH security 7:16 - How to set up Fail2Ban 8...
Automatically upload changes to your FTP server from GitHub Actions
Просмотров 13 тыс.3 года назад
If you're using a shared hosting for your project or you deploy method is through FTP, you can also automate your code deploys! I'm using a Vue.js project but this can be easily applied to any other static website, for example, on React JS or even plain Javascript, HTML and CSS. #EnterFlash #CodeDeploys #CICD Automate your code deploys with Firebase Hosting: ruclips.net/video/PUuyqbVtQTQ/видео....
Orders handling with Stripe Webhooks and Firebase Cloud Functions!
Просмотров 25 тыс.3 года назад
After your Stripe payment, receive a webhook to your Firebase Cloud Function and store the information in Firebase Firestore. For more Firebase tutorials or Stripe tutorials, make sure you hit the like button and subscribe to the channel! GitHub repository: github.com/EnterFlash/firebase-stripe First part Stripe video (Receive payments with Stripe): ruclips.net/video/L_ADtp1tWPA/видео.html Foll...
Use GitHub Pages for your projects!
Просмотров 2643 года назад
Using GitHub Pages you can publish your personal webpage, software documentation, repository README, etc. It's easy and fast to set up. Follow me on Twitter 😊: elilopezdev​ #EnterFlash​ #GitHubPages​ #OpenSource
Accept payments with Paypal Buttons and Firebase Cloud Functions
Просмотров 14 тыс.3 года назад
Accept payments with Paypal Buttons and Firebase Cloud Functions
Receive payments with Stripe Checkout + Firebase Functions
Просмотров 42 тыс.3 года назад
Receive payments with Stripe Checkout Firebase Functions
Python face recognition in 10 minutes
Просмотров 7323 года назад
Python face recognition in 10 minutes
Infinite scrolling pagination with Vue.js & Firestore
Просмотров 3,5 тыс.3 года назад
Infinite scrolling pagination with Vue.js & Firestore
How to make a Discord bot in 5 minutes! - Node JS
Просмотров 8 тыс.3 года назад
How to make a Discord bot in 5 minutes! - Node JS
AUTOMATE your code deploys: Firebase Hosting & Github Actions
Просмотров 20 тыс.3 года назад
AUTOMATE your code deploys: Firebase Hosting & Github Actions
Build a REALTIME chat with Vue and Firebase Tutorial
Просмотров 7 тыс.4 года назад
Build a REALTIME chat with Vue and Firebase Tutorial

Комментарии

  • @silvesterwali6565
    @silvesterwali6565 10 дней назад

    really nice bro

  • @jacopofolgoniborsa9481
    @jacopofolgoniborsa9481 11 дней назад

    Thanks for the video! Although I'm having problems trying to install vuefire. After installing firebase, I run the command 'npx nuxi@latest module add vuefire' and get a bunch of npm dependancy conflicts? Any ideas?

    • @elilopezdev
      @elilopezdev 11 дней назад

      @@jacopofolgoniborsa9481 hi, maybe check your node version. I use v22 right now

  • @vivekSingh-qs5sq
    @vivekSingh-qs5sq 19 дней назад

    testing 2

  • @vivekSingh-qs5sq
    @vivekSingh-qs5sq 19 дней назад

    testing 1

  • @caiozowyecamachocabral5413
    @caiozowyecamachocabral5413 Месяц назад

    Im afraid setting SSR as false will break other parts and libs

  • @frr-yn3xn
    @frr-yn3xn 3 месяца назад

    Thanks for the content, waiting for the next video. 😊

  • @iam.masoudsamimi
    @iam.masoudsamimi 3 месяца назад

    Amount is NOT Quantity. Amount is Quantity multiply by Price.

  • @davidlodico6367
    @davidlodico6367 3 месяца назад

    Do you have any experience deploying Nuxt 3 SSR with VueFire to Vercel? I am struggling to deploy without exposing the service-account credentials

  • @danielwatson6529
    @danielwatson6529 3 месяца назад

    is there a way of using middle ware to send data to a page. so for example I want all users to view a page, but only an authorised user can edit it so sending {canEdit: true} specifically using [id] and if the route params match the user id. maybe instead of middle ware ill just have a check if the params match the current user id im just worried that this might not be as secure

    • @danielwatson6529
      @danielwatson6529 3 месяца назад

      i just used current user in my components and the routes [id] and check they match

  • @danielwatson6529
    @danielwatson6529 3 месяца назад

    Glad your back bro

  • @bowaller6892
    @bowaller6892 4 месяца назад

    Thanks for the video, great content. Eli can you make a video and stripe especially for webhooks and subscription method?

  • @aligu7
    @aligu7 4 месяца назад

    Can we get more of Firebase + Nuxt content? I wanna see how to setup Firestore, Storage, and Hosting with the best way possible.

  • @TheGraffityman
    @TheGraffityman 4 месяца назад

    Good content! keep going! don't understand why you dissapeared for so long:)

  • @wchpsh
    @wchpsh 4 месяца назад

    Just what I needed today - perfect timing, and well explained - thank you!

  • @andrzejrumak7868
    @andrzejrumak7868 4 месяца назад

    Thank you Eli for this short but ver useful video. What are going to show next? Protected routes, firebase database?

  • @joelopez7219
    @joelopez7219 4 месяца назад

    CONGRATULATIONS🎉🎉🎉..

  • @CodeCrafterHub
    @CodeCrafterHub 4 месяца назад

    That's cool

  • @Sserhan0
    @Sserhan0 4 месяца назад

    İm newly learning js and this worked thx

  • @MusicbyAnt
    @MusicbyAnt 6 месяцев назад

    hey Eli, i knwo thixs video was posted a long time ago, but im using it as a base for now :) its very helpful. Would you happent o know what to do when you get this error: Error processing webhook: Error: Cannot find module 'strip

  • @rezwansaki
    @rezwansaki 7 месяцев назад

    But even if I remove folders and files from local and github, it remains in cPanel!

  • @shiryaev585
    @shiryaev585 7 месяцев назад

    How do you set POST requests in such an app. For example, await useFetch('/api/products', { method: 'POST', body: someBody }).data; } I get 200 status code, but i don't see a new object in my collection Thanks!

  • @kuranaguzuto6522
    @kuranaguzuto6522 7 месяцев назад

    Hey bro I am currently trying to set it up but I am receiving C:\Users\stripe2.0\functions\index.js 1:1 error 'module' is not defined no-undef C:\Users\stripe2.0\functions\index.js 65:19 error 'require' is not defined no-undef 66:15 error 'require' is not defined no-undef 69:1 error 'exports' is not defined no-undef 69:62 error 'data' is defined but never used no-unused-vars 69:68 error 'context' is defined but never used no-unused-vars 71:18 error 'require' is not defined no-undef 99:1 error 'exports' is not defined no-undef 100:18 error 'require' is not defined no-undef ✖ 9 problems (9 errors, 0 warnings) Waiting for the debugger to disconnect... Waiting for the debugger to disconnect... Waiting for the debugger to disconnect... node:events:492 throw er; // Unhandled 'error' event ^ Error: spawn npm --prefix "%RESOURCE_DIR%" run lint ENOENT at notFoundError (C:\Users eja prusti\AppData\Roaming pm ode_modules\firebase-tools ode_modules\cross-env ode_modules\cross-spawn\lib\enoent.js:6:26) at verifyENOENT (C:\Users eja prusti\AppData\Roaming pm ode_modules\firebase-tools ode_modules\cross-env ode_modules\cross-spawn\lib\enoent.js:40:16) at cp.emit (C:\Users eja prusti\AppData\Roaming pm ode_modules\firebase-tools ode_modules\cross-env ode_modules\cross-spawn\lib\enoent.js:27:25) at ChildProcess._handle.onexit (node:internal/child_process:294:12) Emitted 'error' event on ChildProcess instance at: at cp.emit (C:\Users eja prusti\AppData\Roaming pm ode_modules\firebase-tools ode_modules\cross-env ode_modules\cross-spawn\lib\enoent.js:30:37) at ChildProcess._handle.onexit (node:internal/child_process:294:12) { code: 'ENOENT', errno: 'ENOENT', syscall: 'spawn npm --prefix "%RESOURCE_DIR%" run lint', path: 'npm --prefix "%RESOURCE_DIR%" run lint', } Node.js v20.10.0 can you please advice

  • @ALYV0
    @ALYV0 7 месяцев назад

    someone can help?

  • @agambhullar8259
    @agambhullar8259 8 месяцев назад

    Hey bro, this is a great video. Can you do a video that explains how to receive payments with stripe using swift ui? I'm woking on an app right now and need this integration. Thanks a lot

  • @osawereao
    @osawereao 8 месяцев назад

    I love that the video is less than 5 mins and everything is explained. I recommend that you post a link to the code on your .yml file

  • @GarthFransman
    @GarthFransman 10 месяцев назад

    Hi . Great video . Is there a tut on how to achieve this with WP WooCommerce as well ?

  • @Ful1tilt
    @Ful1tilt 10 месяцев назад

    Does this also require an active subscription for users to be authenticated, and there fore view pages where requiresAuth must be true? Also worth noting, the latest Firebase version requires you to import your app and also declare the region to create a portal link - 'const functions = getFunctions(firebaseApp, 'us-east1') '

  • @pauloamserrano
    @pauloamserrano 10 месяцев назад

    deploy a laravel app to a ftp will be great

  • @limsiryuean5040
    @limsiryuean5040 10 месяцев назад

    for those running into webhook errors follwing this video, the code corrections are as below functions index.js= await admin.firestore().collection("orders").doc().set({ checkoutSessionId: dataObject.id, paymentStatus: dataObject.payment_status, shippingInfo: dataObject.shipping_details, amountTotal: dataObject.amount_total, }); Firebase rules: rules_version = '2'; service cloud.firestore { match /database/{database}/documents { match /{document=**} { allow write: if true; allow read: if true; } } }

  • @bxdroid
    @bxdroid 10 месяцев назад

    Anyone still able to make it working in 2024? Tried it and it shows an error

  • @ev-olution8597
    @ev-olution8597 11 месяцев назад

    Thanks! This helped a lot in my project.

  • @MUSHIN_888
    @MUSHIN_888 Год назад

    Awesome dude, finally got this part working. Will start next part tomorrow!

  • @WahidFajar-h1u
    @WahidFajar-h1u Год назад

    thanks, you saved my life dude!

  • @smoothbrainproductions
    @smoothbrainproductions Год назад

    I gave this video a thumbs up until i saw the light theme IDE. I’m now blind 😂

  • @roc_kstark
    @roc_kstark Год назад

    its mandatory the slint part?

    • @elilopezdev
      @elilopezdev Год назад

      Nope, eslint is just for code formatting, keeps it neat and prevents common errors. But you could uninstall the eslint library and plugins :)

  • @michael-strain
    @michael-strain Год назад

    Do we really have to initialize the admin sdk on each endpoint using firestore? Is there a way that you know of to initialize once on the server and have endpoints use it?

    • @elilopezdev
      @elilopezdev Год назад

      Hi, since this is not a regular Node.js server that's always on, you do need to check if you have to initialize admin SDK every time you call it. That's because Firebase Cloud Functions are stateless, meaning the execution environment is often initialized from scratch (this is called a cold start). If you stop using the function for a while, you'll see your endpoint takes longer to respond the first time you call it again because it's booting your function again.

  • @KyleBondo
    @KyleBondo Год назад

    I think what this video FINALLY taught me is that Stripe requires TWO secret keys to make the connection. It's like having a Storage Unit. You need an account key to get through the gate and onto the property. Then you need a storage unit door key to unlock the door. Nobody tells you that you need BOTH keys to make a webhook work. But... now I know... and knowing is half the battle! Thank you - Cheers!

  • @linhmai6266
    @linhmai6266 Год назад

    great video. very useful. thank you for publishing!

  • @Errorbeat
    @Errorbeat Год назад

    Thank you so much!! I'm pretty sad that there are no more new vids on your channel :(

    • @elilopezdev
      @elilopezdev Год назад

      Hey thanks a lot for the comment. I've been working on other projects, but planning to start uploading again some more content on Nuxt 3 this time. 😊

    • @Errorbeat
      @Errorbeat Год назад

      @@elilopezdev Nice! Can't wait for it. I really appreciate all the effort you put into these teaching-sessions :))

  • @soumyajitsaha9740
    @soumyajitsaha9740 Год назад

    stripe is free? or not?

  • @0xiah
    @0xiah Год назад

    How do you use cert when deploying if the cert file is in git ignore?

  • @courtneyperigo1021
    @courtneyperigo1021 Год назад

    Fantastic tutorial. Keep this up. You're a great teacher.

  • @Dhanushsaji
    @Dhanushsaji Год назад

    I'm using MongoDB as the database. When I use stripe CLI it's working fine, but after deploying the backend and then giving the endpoint in the webhook it's not working. Do u have any idea about this? Thank you

  • @leanrepetitor
    @leanrepetitor Год назад

    muchas gracias!!! me esta ayudando un montón el video

  • @Draconian53
    @Draconian53 Год назад

    Where does the Stripe() method come from on the 15th line on the client side?

  • @verynice.mp4613
    @verynice.mp4613 Год назад

    How to do it for multiple servers with different passwords n usernames?

    • @Madgique
      @Madgique Год назад

      did you found a solution for that ?

  • @John-ge2ne
    @John-ge2ne Год назад

    I did not see two cloud functions in firebase. I only saw one,. What happened to the other one, paypalHandleOrder?

  • @John-ge2ne
    @John-ge2ne Год назад

    Thank you Eli. I was wondering if you could do one like this but with stripe instead of paypal.

  • @jsfhzlrvr
    @jsfhzlrvr Год назад

    Where can I find the stripe token ?

  • @marcelohenriquedasilvafons781

    👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼