Premium content. The first section (setting up the vue/vuex in Laravel as SPA) can turn into a good starter command/preset especially now that people have to decide between new Livewire/Inertia or the good old blade/vue.
I was always afraid of payment but you make it look like extremely easy. Thanks man for this amazing content. Please next upload subscription with cashier.
For people who got an error around the 11 minute mark because of Str::slug($name). The video did not show that the module was being imported because it is done automatically in his editor. You need to import the Str module at the top of the file: use Illuminate\Support\Str; so that your code looks like this: use App\Models\Category; use Illuminate\Database\Eloquent\Factories\Factory; use Illuminate\Support\Str;
In fact, in quite a few places he is using modules that are automatically being imported at the top of a file. So if you're not using php storm you will get errors. So beware.
Sir, you are a treasure, thank you very much for these videos, I have never watched a tutorial that is that organized, fast, and simple as this one, I have learned a lot in a short time, plus you write nice clean code with good practices, and we can see how much experience you have through that, much love and admiration
I know that for learning it is better to type everything by myself, but on this video you could really use the autocompletion of PHPStorm, so that new people on your channel is not bothered to see you typing everything. That would also show the power of the autocompletion in PHPStorm. With autocompletion I mean: - HTML scaffold - Autocomplete classes - Import class namespaces and so on.
This tutorial is excellent, it helped me a lot. I believe that I can use this tutorial to understand, implement other means of payment. I have a request, if possible more tutorials on vuejs, I believe they will be excellent as well as all the other tutorials on your channel. Thanks!
Based upon the folder icons and error labels and foldable code symbols, I think he is using some kind of Intellij product with the extension material UI or material UI light and material icons installed, so he can use one of the rlly cool dark themes. So I guess it's phpstorm. I use intellij Idea and I love the IDE, sadly my bos does not want to pay for phpstorm (yet)
Wow brother thank you for this video truly help me out you my friend are a genius. And to think I was almost doing it right, humbly saying I'm pretty proud of myself actually . I was just missing a couple key components that use shine light on , it all makes sense now. thank you
I developed my app with help of this great tutorial but wondering now, why body request with sensitive data like credit card details are visible in browser devtools? It's not safe. Is there a way to handle that safety issue?
this is very good tutorials! I am wondering does vue work with django as I never work with laraval befroe though? do you also have any more how vue frontend turotrial like design navbar etc?
Yes, Vue is known as "backend agnostic" meaning that it doesn't matter what backend framework you use, it should work! Django, Flask, Express, WordPress, all can work. I have a few older frontend tutorials for Vue, but not a lot. Planning on adding more soon though!
@@aschmelyun that would be great! would love to see how vue vite work with django too, I see axios is the only way to connect them, not sure if that is best way though.
thanks for the video. everything worked in dev, however when i deployed my demo with strip still in test mode. when i do npm run dev and then deploy the strip still works but as soon as i do npm run prod and deploy i get 'IntegrationError: Missing value for Stripe(): apiKey should be a string." Any suggestion as to why would be appreciated. Even when i hard code the key in it still doenst recognise it despite being a string..
Thank you so much for this video. I am using it but i have problem in adding user auth (register, login, confirm email). Could guide me to add auth pls
Hello Sir, I am new to Laravel and I am a student having exam in Laravel, So we have to make a project. I already have one but I wanna add this to my project. how will I put it in my route and navigation? since this is already one project. I know this is a very stupid question but hopefully you can answer me. Thanks a lot!
Error in cents. Hello, I am seeing the amount I am charging isn't the same on stripe. I charged for 420 EUR and on the stripe, it shows 4Eur. please help me with this
Hi , good , but i have a question about credit card , after paying some amount of 💸 money , it give me Purchase ID , costomer should screenshot this or not becouse they share us when they visit at shop -> this is a first question. Second one is after paying method finished , credit card may lost some amount of money that puted into input field . Please answer those . I will wait . Bye 🤝☺️
I have done exactly everything from the video but the summary page won't load. I checked stripe, it is getting successful requests under 'Developer' tab but nothing in payments. I have done exactly the same from the video, I copied the code when the transaction wasn't taking place and still no use. Its been 2 days and I cannot figure it out. I checked console log and it shows some error regarding 'reduce'.
@@NyloXD Yes initially I tried to look into it, but I still couldn't find the solution. That's when I commented here, I checked the codes too and it's same..
When I do products.find(product => product.slug === route.params.slug); Sometimes the data is loaded, and sometimes not. Does anyone know the reason? I suppose it'd be something related to the lifecycle as the Products/Show page is loaded before the find() function is done. It may be because I have over 700 products in the database. Any possibility that I can ask the page to wait until the find() function is done?
"A `return_url` must be specified because this Payment Intent is configured to automatically accept the payment methods enabled in the Dashboard, some of which may require a full page redirect to succeed. If you do not want to accept redirect-based payment methods, set `automatic_payment_methods[enabled]` to `true` and `automatic_payment_methods[allow_redirects]` to `never` when creating Setup Intents and Payment Intents." Please help...
Thanks for this useful tutorial. However some things you do is very bad practice. No product SKU (slugs can change) The customer data should be stored as a profile and not in the users table. Using relationships from product to order isn't smart either, in case a product is deleted the order will be wrong.
shouldn't you recalculate the total price on the backend instead of blindly accepting it from the front end ? can't you just set it to 0$ in the front end ?
![[Live] : ONE 169 วันนี้!! "อนาโตลี vs อูมาร์"](http://i.ytimg.com/vi/IK3YZVWuFJg/mqdefault.jpg)
Check out the full source code in this video here: github.com/aschmelyun/laravel-vue-stripe-cashier
Thank you for your support.
Premium content. The first section (setting up the vue/vuex in Laravel as SPA) can turn into a good starter command/preset especially now that people have to decide between new Livewire/Inertia or the good old blade/vue.
I was always afraid of payment but you make it look like extremely easy. Thanks man for this amazing content. Please next upload subscription with cashier.
For people who got an error around the 11 minute mark because of Str::slug($name). The video did not show that the module was being imported because it is done automatically in his editor.
You need to import the Str module at the top of the file:
use Illuminate\Support\Str;
so that your code looks like this:
use App\Models\Category;
use Illuminate\Database\Eloquent\Factories\Factory;
use Illuminate\Support\Str;
In fact, in quite a few places he is using modules that are automatically being imported at the top of a file. So if you're not using php storm you will get errors.
So beware.
Sir, you are a treasure, thank you very much for these videos, I have never watched a tutorial that is that organized, fast, and simple as this one, I have learned a lot in a short time, plus you write nice clean code with good practices, and we can see how much experience you have through that, much love and admiration
Thank you so much! That means a lot to me, and keeps me motivated to continue producing videos.
@@aschmelyun you are the most welcome, i hope i could help with more than words, respect
I learn this In 1 calendar Year Computer Science with PHP MVC now with this other technologies in Just 1 hour Thanks man😮😢
Premium content. Just to the point. Nicely made! 👏
This dude is the fastest typer i have ever seen
I know that for learning it is better to type everything by myself, but on this video you could really use the autocompletion of PHPStorm, so that new people on your channel is not bothered to see you typing everything. That would also show the power of the autocompletion in PHPStorm.
With autocompletion I mean:
- HTML scaffold
- Autocomplete classes
- Import class namespaces
and so on.
This tutorial is excellent, it helped me a lot.
I believe that I can use this tutorial to understand, implement other means of payment.
I have a request, if possible more tutorials on vuejs, I believe they will be excellent as well as all the other tutorials on your channel.
Thanks!
Wow Andrew, This is a fantastic content. Thanks for sharing this video 🙂
Thanks for this awesome video!!!
Now I'll figure out how to install IUGU (Brazilian Payment Gateway) on a Laravel / NuxtJS project ;)
This is some A+++ Content here! Thanks :) I love the speed of this video too!
Excellent video, what IDE did you use to develop that app? And what plugin do you use for the html tag breadcrumb.
Based upon the folder icons and error labels and foldable code symbols, I think he is using some kind of Intellij product with the extension material UI or material UI light and material icons installed, so he can use one of the rlly cool dark themes. So I guess it's phpstorm.
I use intellij Idea and I love the IDE, sadly my bos does not want to pay for phpstorm (yet)
Wow brother thank you for this video truly help me out you my friend are a genius. And to think I was almost doing it right, humbly saying I'm pretty proud of myself actually . I was just missing a couple key components that use shine light on , it all makes sense now. thank you
Amazing video, so concise and to the point. Love It....more videos like these please !!!.
Thank your for the video. Can I ask a question. How can I setup the terminal inside phpstorn that has command completion like you?
Great, many thanks... premium course
AWesome,
Please make again this video in Laravel and blade
Is there a way to autofill the card details on the card element? I am storing the card details in my database.
Good work sir 🙂
A very nice tutorial.
I checked for the code in your github but you just did initial commit.
kindly update it for cross-checking
Working perfectly, thank you so much for this video!
Useful Content Thanks.
Damn what's with the random spam comments? Anyways perfect timing with this was I had planned to do this this weekend!
Yeah, they always seem to pop up with every new video. Glad I got this published just in time, then!
Wonderful tutorial!
thanks andrew. your content very best
It's okay, I don't like the SPA UI structure much. Expected header and footer as a component. Great work overall
This video saved my day. Thank you Andrew!
Nice tutorial. But how to implement SCA and 3D secure?
Thank you so Much Andrew
Thank you Andrew for great video.
You are amazing, Thanks you for this worthy tutorial keep going!
Saving millions of salaries this year with this video lol
Lmao!
Keep Going Please Make More Videos
Yo bro spot on 👍 . Perfectly done
Hello Sir, I want to put a product manually, not through API, how will I do that? this is really a good tutorial!
Thanks!
super awesome, thanks for the good better best content, huge like from Pakistan
Awesome video ! Totally what I need Thanksss
Andrew, would you like to share this awesome code on git? It will be easy to follow and some parts double-check.
Of course, I knew I forgot to do something! Check out the pinned comment for the git repo.
@@aschmelyun Thank you for reading the comments and for this repo! Wish you all the best in new 2021 year ;)
@@stojankukrika7242 I always read the comments! It keeps me inspired. You too!
Great tutorial, you saved my time. 👏 👏 👏
Hi is it okay to calculate total amount in frontend ? I think you are requesting amount from frontend, right?
The price should also be denormalized since we can later sell a product for a different price
I developed my app with help of this great tutorial but wondering now, why body request with sensitive data like credit card details are visible in browser devtools? It's not safe. Is there a way to handle that safety issue?
this is very good tutorials! I am wondering does vue work with django as I never work with laraval befroe though? do you also have any more how vue frontend turotrial like design navbar etc?
Yes, Vue is known as "backend agnostic" meaning that it doesn't matter what backend framework you use, it should work! Django, Flask, Express, WordPress, all can work.
I have a few older frontend tutorials for Vue, but not a lot. Planning on adding more soon though!
@@aschmelyun that would be great! would love to see how vue vite work with django too, I see axios is the only way to connect them, not sure if that is best way though.
Thank you very much for the content
great tutorial
Continue this video and add subscriptions plan🤘
Very Good! Congratulation!
Thank you!
Which extension makes the arrows like that?
this is gold
Great video, thanks
thanks for the video. everything worked in dev, however when i deployed my demo with strip still in test mode. when i do npm run dev and then deploy the strip still works but as soon as i do npm run prod and deploy i get 'IntegrationError: Missing value for Stripe(): apiKey should be a string." Any suggestion as to why would be appreciated. Even when i hard code the key in it still doenst recognise it despite being a string..
Thank you so much for this video. I am using it but i have problem in adding user auth (register, login, confirm email).
Could guide me to add auth pls
Hi, what font do you use in ide?
Hello Sir, I am new to Laravel and I am a student having exam in Laravel, So we have to make a project. I already have one but I wanna add this to my project. how will I put it in my route and navigation? since this is already one project. I know this is a very stupid question but hopefully you can answer me. Thanks a lot!
what if the base route has a segment? How do I provide vue routes in the routes js file ?
Maybe nextjs with laravel cashier subscriptions
Hello Andrew, very nice tutorial. Can you add video tutorial on how to upload image file using laravel and vue?Thank you
Sure thing! I'll be sure to add it to my list.
Awsome
Error in cents.
Hello, I am seeing the amount I am charging isn't the same on stripe.
I charged for 420 EUR and on the stripe, it shows 4Eur.
please help me with this
how do you keep the cart items on page refresh?
Hi , good , but i have a question about credit card , after paying some amount of 💸 money , it give me Purchase ID , costomer should screenshot this or not becouse they share us when they visit at shop -> this is a first question.
Second one is after paying method finished , credit card may lost some amount of money that puted into input field .
Please answer those . I will wait .
Bye 🤝☺️
I have done exactly everything from the video but the summary page won't load. I checked stripe, it is getting successful requests under 'Developer' tab but nothing in payments. I have done exactly the same from the video, I copied the code when the transaction wasn't taking place and still no use. Its been 2 days and I cannot figure it out. I checked console log and it shows some error regarding 'reduce'.
hey mate. i am having the same problem. Was you able to fix it?
@@NyloXD No man, I wasn't able to fix it.. let me know if you found out the solution
@@faizanakbar7175 sure mate, if i find the solution i will keep you posted.
The problem is from the Checkout.vue to the Summary.vue. The Summary is not receiving the 'order' object. I dont know how to fix though
@@NyloXD Yes initially I tried to look into it, but I still couldn't find the solution. That's when I commented here, I checked the codes too and it's same..
awesome
Good
When I do
products.find(product => product.slug === route.params.slug);
Sometimes the data is loaded, and sometimes not. Does anyone know the reason? I suppose it'd be something related to the lifecycle as the Products/Show page is loaded before the find() function is done. It may be because I have over 700 products in the database. Any possibility that I can ask the page to wait until the find() function is done?
I tried following this, but the credit card form does not appear. I don't know whats wrong
Anybody knows what plug-in Andrew uses to show the parameters’ type automatically in the code?
It's not a plugin its automatic in Php Storm which is the IDE he is using
what is your IDE?
looks like PHP storm from jetbrains
Why don’t you adding foreign keys anywhere?
How to add an image to this? coz its all blank image.. thank you
"A `return_url` must be specified because this Payment Intent is configured to automatically accept the payment methods enabled in the Dashboard, some of which may require a full page redirect to succeed. If you do not want to accept redirect-based payment methods, set `automatic_payment_methods[enabled]` to `true` and `automatic_payment_methods[allow_redirects]` to `never` when creating Setup Intents and Payment Intents." Please help...
brayta nimo kol oi
Please the same with react
Thanks for this useful tutorial. However some things you do is very bad practice.
No product SKU (slugs can change)
The customer data should be stored as a profile and not in the users table.
Using relationships from product to order isn't smart either, in case a product is deleted the order will be wrong.
at 6:36 he said each product belongs to many catagories which i think is wrong because each product can only belong to a single catagory
It depends on your project structure, you might want something like tags, so he is right, a single product can belong to many categories
I get error from in my index.vue :
i think you need to add :key for this. as for me I added :key="category.id"
That is correct, for Vue it will probably throw an error unless you include the key attribute above.
shouldn't you recalculate the total price on the backend instead of blindly accepting it from the front end ? can't you just set it to 0$ in the front end ?