Build a shopping cart with Laravel Cashier and Vue

[@aschmelyun]

Check out the full source code in this video here: github.com/aschmelyun/laravel-vue-stripe-cashier

[@nilmendes7710]

Thank you for your support.

[@aminraeisi]

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.

[@uniqueprogramming5299]

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.

[@fizoul356]

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

[@aschmelyun]

Thank you so much! That means a lot to me, and keeps me motivated to continue producing videos.

[@fizoul356]

@@aschmelyun you are the most welcome, i hope i could help with more than words, respect

[@Stevensherah]

I learn this In 1 calendar Year Computer Science with PHP MVC now with this other technologies in Just 1 hour Thanks man😮😢

[@apptimegr]

Premium content. Just to the point. Nicely made! 👏

[@davidrowlands8548]

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;

[@davidrowlands8548]

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.

[@alexlytle089]

This dude is the fastest typer i have ever seen

[@joshbarros1995]

Thanks for this awesome video!!! Now I'll figure out how to install IUGU (Brazilian Payment Gateway) on a Laravel / NuxtJS project ;)

[@pradeepspace3]

Wow Andrew, This is a fantastic content. Thanks for sharing this video 🙂

[@nilmendes7710]

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!

[@TysonLondon]

This is some A+++ Content here! Thanks :) I love the speed of this video too!

[@juicydruc2755]

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

[@peterbraganza441]

Amazing video, so concise and to the point. Love It....more videos like these please !!!.

[@JohnnyBigodes]

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.

[@mel-182]

Is there a way to autofill the card details on the card element? I am storing the card details in my database.

[@igerardogc]

Excellent video, what IDE did you use to develop that app? And what plugin do you use for the html tag breadcrumb.

[@bergglobus2428]

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)

[@stojankukrika7242]

Andrew, would you like to share this awesome code on git? It will be easy to follow and some parts double-check.

[@aschmelyun]

Of course, I knew I forgot to do something! Check out the pinned comment for the git repo.

[@stojankukrika7242]

@@aschmelyun Thank you for reading the comments and for this repo! Wish you all the best in new 2021 year ;)

[@aschmelyun]

@@stojankukrika7242 I always read the comments! It keeps me inspired. You too!

[@faizanakbar7175]

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]

hey mate. i am having the same problem. Was you able to fix it?

[@faizanakbar7175]

@@NyloXD No man, I wasn't able to fix it.. let me know if you found out the solution

[@NyloXD]

@@faizanakbar7175 sure mate, if i find the solution i will keep you posted.

[@NyloXD]

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

[@faizanakbar7175]

@@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..

[@LinhPham-iu2fr]

Thank your for the video. Can I ask a question. How can I setup the terminal inside phpstorn that has command completion like you?

[@jtech04]

AWesome, Please make again this video in Laravel and blade

[@dailypromos6477]

You are amazing, Thanks you for this worthy tutorial keep going!

[@flutter643]

what if the base route has a segment? How do I provide vue routes in the routes js file ?

[@8693alenieto]

Which extension makes the arrows like that?

[@hevityaus631]

Working perfectly, thank you so much for this video!

[@DanyAguilar]

Saving millions of salaries this year with this video lol

[@aschmelyun]

Lmao!

[@muhammadbasil8698]

Good work sir 🙂

[@JJ-ot3ps]

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?

[@aschmelyun]

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!

[@JJ-ot3ps]

@@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.

[@ЕвгенийЕвгений-з2с]

Hi, what font do you use in ide?

[@denisgaraux]

Nice tutorial. But how to implement SCA and 3D secure?

[@effhamather7660]

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

[@franksmith2324]

It depends on your project structure, you might want something like tags, so he is right, a single product can belong to many categories

[@eli007s]

how do you keep the cart items on page refresh?

[@Rakshaara]

Hi is it okay to calculate total amount in frontend ? I think you are requesting amount from frontend, right?

[@musawirhussain1926]

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

[@assoftTR]

This video saved my day. Thank you Andrew!

[@mukangangugi9930]

A very nice tutorial. I checked for the code in your github but you just did initial commit. kindly update it for cross-checking

[@reavielx]

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?

[@dfordemo981]

super awesome, thanks for the good better best content, huge like from Pakistan

[@Ramziddin_Rustamovv]

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 🤝☺️

[@andrewang707]

Anybody knows what plug-in Andrew uses to show the parameters’ type automatically in the code?

[@boxfreshpidge]

It's not a plugin its automatic in Php Storm which is the IDE he is using

[@fatimabartels7447]

I get error from in my index.vue :

[@bryanjadeloplop3074]

i think you need to add :key for this. as for me I added :key="category.id"

[@aschmelyun]

That is correct, for Vue it will probably throw an error unless you include the key attribute above.

[@jai256]

I tried following this, but the credit card form does not appear. I don't know whats wrong

[@mohammadalhajali2899]

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

[@thebirdhasbeencharged]

Damn what's with the random spam comments? Anyways perfect timing with this was I had planned to do this this weekend!

[@aschmelyun]

Yeah, they always seem to pop up with every new video. Glad I got this published just in time, then!

[@pad6y639]

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..

[@fatimabartels7447]

How to add an image to this? coz its all blank image.. thank you

[@elikarkanane9643]

Great, many thanks... premium course

[@jigarkumar9073]

Great tutorial, you saved my time. 👏 👏 👏

[@jpandagaming5995]

"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...

[@andrewang707]

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?

[@sodiqabdullaev7661]

Yo bro spot on 👍 . Perfectly done

[@SaeedNeamati]

what is your IDE?

[@quantumcd1045]

looks like PHP storm from jetbrains

[@muhammadaminudinbahtiar6847]

thanks andrew. your content very best

[@fatimabartels7447]

Hello Sir, I want to put a product manually, not through API, how will I do that? this is really a good tutorial!

[@kristiyan.zhelyazkov]

Why don’t you adding foreign keys anywhere?

[@andrewho1700]

Awesome video ! Totally what I need Thanksss

[@fatimabartels7447]

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!

[@aachdev8052]

Keep Going Please Make More Videos

[@ilijatatalovic]

Thank you Andrew for great video.

[@huyphamuc6372]

It's okay, I don't like the SPA UI structure much. Expected header and footer as a component. Great work overall

[@MrJoboski]

Wonderful tutorial!

[@noID457]

The price should also be denormalized since we can later sell a product for a different price

[@vepamirzayev]

Useful Content Thanks.

[@soniablanche5672]

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 ?

[@marcinmaj3609]

Please the same with react

[@3clipse911]

Thank you so Much Andrew

[@Paul-oz5se]

Hello Andrew, very nice tutorial. Can you add video tutorial on how to upload image file using laravel and vue?Thank you

[@aschmelyun]

Sure thing! I'll be sure to add it to my list.

[@marcinmaj3609]

Maybe nextjs with laravel cashier subscriptions

[@marcinmaj3609]

Continue this video and add subscriptions plan🤘

[@uchchhash-dev]

Thank you very much for the content

[@edsonrodsilva]

Very Good! Congratulation!

[@AllinOne-qc5it]

Great video, thanks

[@GerardLC]

this is gold

[@eugenbelousov5027]

great tutorial

[@perfect.stealth]

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.

[@allandacasin9041]

Thank you!

[@RyuBateson218]

Thanks!

[@EricAmigo]

brayta nimo kol oi

[@hamidreza-mozhdeh]

Awsome

[@gradientofsky5589]

awesome

[@SebastianPerezG]

Good