- Видео 22
- Просмотров 193 094
Eli Lopez
Мексика
Добавлен 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
Просмотров: 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
really nice bro
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?
@@jacopofolgoniborsa9481 hi, maybe check your node version. I use v22 right now
testing 2
testing 1
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 ?
👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼