2025 Edition NEW BLOG
Join our community

Get access to the complete guide to developing and deploying fast, production-ready Nuxt apps.

Buy License
or Log In

7-8 Handle Payments with Stripe

In this lesson, we update our Payment component and integrate it with Stripe.

We load the 3rd party script from Stripe’s CDN, and then use it to create a card input element. We also stub out the form submission handler.

Stripe JS: https://stripe.com/docs/js

This course was originally built with Nuxt 3, but it's no longer being maintained. You can still follow the lessons, but make sure to use the exact dependency versions listed in the course repository to avoid breaking changes.

If you’re looking for the most up-to-date and fully supported version, we recommend Mastering Nuxt: Full Stack Unleashed , which uses Nuxt 4 and actively being maintained.

Chapter 1 - Building Our MVP

18 lessons

Chapter 2 - Architecture and Organizing Our Code

7 lessons

Chapter 3 - Making Our App Robust

7 lessons

Chapter 4 - Route Middleware and Authentication

11 lessons

4-Intro
01m 33s
4-2 Creating a Login Page
06m 04s

Chapter 5 - Server Routes

18 lessons

5-Intro
01m 03s

Chapter 6 - State Management with Pinia

8 lessons

Chapter 7 - Building a Sales Page

17 lessons

7-1 Adding the Landing Page
07m 18s