- 22
- 190 922
Eli Lopez
Mexico
เข้าร่วมเมื่อ 12 ก.ค. 2012
Software developer!
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
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
มุมมอง: 1 830
วีดีโอ
Subscriptions with Stripe Checkout using Vue 3 and Firebase 9 - Part 2
มุมมอง 6K2 ปีที่แล้ว
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: th-cam.com/video/KiEgUp91ejc/w-d-xo.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
มุมมอง 7K2 ปีที่แล้ว
For this first part, we set up the Vue.js and Firebase project with the Stripe extension and Firebase Authentication. Part 2: th-cam.com/video/VnntkusKinM/w-d-xo.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
มุมมอง 2432 ปีที่แล้ว
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
มุมมอง 7K2 ปีที่แล้ว
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
มุมมอง 7K2 ปีที่แล้ว
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
มุมมอง 8K3 ปีที่แล้ว
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
มุมมอง 13K3 ปีที่แล้ว
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: th-cam.com/video/PUuyqbVtQTQ/w-d-xo....
Orders handling with Stripe Webhooks and Firebase Cloud Functions!
มุมมอง 25K3 ปีที่แล้ว
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): th-cam.com/video/L_ADtp1tWPA/w-d-xo.html Foll...
Use GitHub Pages for your projects!
มุมมอง 2613 ปีที่แล้ว
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
มุมมอง 14K3 ปีที่แล้ว
Accept payments with Paypal Buttons and Firebase Cloud Functions
Receive payments with Stripe Checkout + Firebase Functions
มุมมอง 42K3 ปีที่แล้ว
Receive payments with Stripe Checkout Firebase Functions
Infinite scrolling pagination with Vue.js & Firestore
มุมมอง 3.4K3 ปีที่แล้ว
Infinite scrolling pagination with Vue.js & Firestore
How to make a Discord bot in 5 minutes! - Node JS
มุมมอง 8K3 ปีที่แล้ว
How to make a Discord bot in 5 minutes! - Node JS
AUTOMATE your code deploys: Firebase Hosting & Github Actions
มุมมอง 20K3 ปีที่แล้ว
AUTOMATE your code deploys: Firebase Hosting & Github Actions
Build a REALTIME chat with Vue and Firebase Tutorial
มุมมอง 7K4 ปีที่แล้ว
Build a REALTIME chat with Vue and Firebase Tutorial
Im afraid setting SSR as false will break other parts and libs
Thanks for the content, waiting for the next video. 😊
Amount is NOT Quantity. Amount is Quantity multiply by Price.
Do you have any experience deploying Nuxt 3 SSR with VueFire to Vercel? I am struggling to deploy without exposing the service-account credentials
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
i just used current user in my components and the routes [id] and check they match
Glad your back bro
Thanks for the video, great content. Eli can you make a video and stripe especially for webhooks and subscription method?
Can we get more of Firebase + Nuxt content? I wanna see how to setup Firestore, Storage, and Hosting with the best way possible.
Good content! keep going! don't understand why you dissapeared for so long:)
Just what I needed today - perfect timing, and well explained - thank you!
Thank you Eli for this short but ver useful video. What are going to show next? Protected routes, firebase database?
CONGRATULATIONS🎉🎉🎉..
That's cool
İm newly learning js and this worked thx
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
But even if I remove folders and files from local and github, it remains in cPanel!
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!
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
someone can help?
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
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
Hi . Great video . Is there a tut on how to achieve this with WP WooCommerce as well ?
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') '
deploy a laravel app to a ftp will be great
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; } } }
Anyone still able to make it working in 2024? Tried it and it shows an error
Thanks! This helped a lot in my project.
Awesome dude, finally got this part working. Will start next part tomorrow!
thanks, you saved my life dude!
I gave this video a thumbs up until i saw the light theme IDE. I’m now blind 😂
its mandatory the slint part?
Nope, eslint is just for code formatting, keeps it neat and prevents common errors. But you could uninstall the eslint library and plugins :)
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?
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.
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!
great video. very useful. thank you for publishing!
Thank you so much!! I'm pretty sad that there are no more new vids on your channel :(
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. 😊
@@elilopezdev Nice! Can't wait for it. I really appreciate all the effort you put into these teaching-sessions :))
stripe is free? or not?
Yes, it is!
How do you use cert when deploying if the cert file is in git ignore?
Fantastic tutorial. Keep this up. You're a great teacher.
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
muchas gracias!!! me esta ayudando un montón el video
Where does the Stripe() method come from on the 15th line on the client side?
How to do it for multiple servers with different passwords n usernames?
did you found a solution for that ?
I did not see two cloud functions in firebase. I only saw one,. What happened to the other one, paypalHandleOrder?
Thank you Eli. I was wondering if you could do one like this but with stripe instead of paypal.
Where can I find the stripe token ?
👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼
Mr. Lopez, many thanks for this!
I stumbled upon your Firebase security video the other day. Fantastic content, I hope you keep it coming! 😊
Simply outstanding. Thanks a ton for this man, lifesaver!
I have no URLs in my firebase functions dashboard? how do i get them in the first place?