How To Create A Nuxt.js Stripe Custom Checkout Page in 23 minutes!

  Рет қаралды 6,594

Program With Erik

Program With Erik

Күн бұрын

Пікірлер: 18
@geopopos
@geopopos 9 ай бұрын
Thanks for continuing to share awesome stuff like this!
@1AndrewGray
@1AndrewGray Жыл бұрын
Thanks so much for this, very helpful for me. Could you please give an example or two of why someone would want to setup AWS infrastructure like this for the Stripe endpoints vs just using Nuxt server endpoints? I'm currently planning out a small eCommerce side project using this exact stack, but planned on just using Nuxt with Netlify for all endpoints, but this leaves me wondering if I should do something like this instead, with AWS endpoints using CDK. Thanks!
@pawepietras5617
@pawepietras5617 11 ай бұрын
After 16 hours works!!! Thank you
@atinux
@atinux Жыл бұрын
Yes! Thank you Erik!
@ProgramWithErik
@ProgramWithErik Жыл бұрын
Sweet thanks!
@farzadmf
@farzadmf Жыл бұрын
REALLY nice walkthough, thank you!
@ProgramWithErik
@ProgramWithErik Жыл бұрын
Glad it was helpful!
@nro337
@nro337 Жыл бұрын
Awesome video!
@ProgramWithErik
@ProgramWithErik Жыл бұрын
Thanks!
@johnomeara5864
@johnomeara5864 10 ай бұрын
2:00 Are we just going to pretend to not notice the ChatGPT tab that says "Stripe + NuxtJS Clickbait"? 😂😂
@odehadejoh9966
@odehadejoh9966 Жыл бұрын
Great content. One small nitpick though, it might have made sense to extract the instantiation of the stripe object into a composable, to reduce the repetition.
@mephew2713
@mephew2713 Жыл бұрын
Or rather into a plugin. Also there is a great Nuxt module that does all this for you.
@odehadejoh9966
@odehadejoh9966 Жыл бұрын
@mephew2713 Yeah, nice. That way it'd be instantiated once, on app mount and you could provide it to the rest of the app.
@ProgramWithErik
@ProgramWithErik Жыл бұрын
That's a good point! I just kept it all in the check-out component for simplicity. That makes sense though .
@ProgramWithErik
@ProgramWithErik Жыл бұрын
@@mephew2713 The Nuxt3/Vue3 Stripe libraries I found were very new, and I'm not sure if they are ready to go for production. For example this one. github.com/fuentesloic/nuxt-stripe But let me know if you've had good chances with it?
@mephew2713
@mephew2713 Жыл бұрын
​@@ProgramWithErikThis is indeed the one I've been using and I haven't had any problems with it yet. As for production readiness I'm not sure, I guess it depends on the requirements.
@usmankhalid857
@usmankhalid857 8 ай бұрын
If you have created stripe api in server folder. Why do we need webhook api in server folder? can anyone explain please
@agusghost1759
@agusghost1759 Жыл бұрын
where the result in browser?
A Better Way To Create Vue Components With Props Using TypeScript
12:40
Program With Erik
Рет қаралды 10 М.
What's in the clown's bag? #clown #angel #bunnypolice
00:19
超人夫妇
Рет қаралды 43 МЛН
Family Love #funny #sigma
00:16
CRAZY GREAPA
Рет қаралды 20 МЛН
Smart Sigma Kid #funny #sigma
00:14
CRAZY GREAPA
Рет қаралды 90 МЛН
How To Build An Online Checkout Page With Stripe.js, Vue.js and Express!
52:19
You don't need a frontend framework
15:45
Andrew Schmelyun
Рет қаралды 130 М.
Never Create A Nuxt Or Vue App Again Without This Package! (Eslint)
12:10
Program With Erik
Рет қаралды 11 М.
Live Coding a Shopping Cart using Vue
37:47
Web Dev Cody
Рет қаралды 18 М.
Build a shopping cart with Laravel Cashier and Vue
55:07
Andrew Schmelyun
Рет қаралды 48 М.
programming projects that taught me how to code
9:49
isak
Рет қаралды 300 М.
Creating APIs in Nuxt with Daniel Roe
33:33
Treblle
Рет қаралды 13 М.
How AWS is Making It Easier To Convert to IaC/CDK
21:32
Be A Better Dev
Рет қаралды 8 М.
Using Stripe Setup Intents
29:50
Covalence
Рет қаралды 6 М.
What's in the clown's bag? #clown #angel #bunnypolice
00:19
超人夫妇
Рет қаралды 43 МЛН