Using Laravel Cashier with VueJS SPA and Laravel Passport API

Managing subscriptions within your product can be challenging, especially when dealing with complex payment systems. Laravel Cashier and Stripe significantly simplify this process, but keeping up with Stripe's frequent updates and understanding all the available options can be overwhelming. The Laravel Cashier documentation, while comprehensive, can be complex to navigate due to Stripe's extensive feature set. This complexity is further amplified when implementing subscription management through a Single Page Application (SPA) that communicates with a Laravel API.

This comprehensive course will guide you through installing Laravel Cashier and implementing subscription management features, including payment method storage and subscription management. We'll cover best practices and practical tips that will benefit both SPA-based applications and traditional web applications using Stripe.

Prerequisites

Before starting this course, you'll need:

• A working Laravel 6.x installation
• A basic Single Page Application built with VueJS
• Laravel Passport installed and configured

If you haven't set up your development environment yet, you can follow our tutorial on API Driven Development With Laravel and VueJS. While this tutorial uses Laravel 5.6, the installation process remains largely the same for Laravel 6.x.

For Laravel Passport setup, you can refer to either:

• The official Laravel Passport documentation
• Our guide on Installing and Configuring Laravel Passport

Let's begin our journey into implementing subscription management with Laravel Cashier and Stripe!

What you'll learn

• How to enable users to subscribe to your app through an API using an SPA
• Save Stripe credit card payment details for your users through an API
• Allow users to manage their subscription to your app through an SPA