SaaS App Boilerplate
A complete solution for creating subscription-based products or one-time payment products with Nuxt, Strapi, and Stripe. All you need to do is create your products in Stripe, and you're ready to rock!
Primary User Flow
How the user pays and creates an account on your web app.
User clicks sign up or purchase
User taken to Stripe checkout
User pays and completes checkout
User fills out password for account
User is automatically logged into dashboard
What You Get
- User System: Sign Up (with optional email confirmation) and Login pages (Google OAuth-Ready, Auth0-Ready, or use any provider)
- Layouts & Nav: Logged-out and logged-in layouts and navigation
- Middleware: Auth, Logged-In, Admin frontend middleware
- Account Settings: Complete Account Settings built out including user profile with custom avatars and Stripe subscription management
- Customer Support: Complete help ticket API with messaging
- Is-Owner Policy: Set up to keep data private to user, ready to add to any Strapi API
- Admin View: Frontend Admin view for managing subscription features
- Password Recovery: Forgot password, reset password, success pages
- Mobile-Friendly: Completely responsive plus a slide-out mobile navigation drawer
- Sweet Alerts: Use toast alerts anywhere on the frontend
- Contact Form: Basic contact form included
- Newsletter Sign Up: Sign up for newsletter using MailerLite
- Light / Dark Mode: Uses Nuxt color-mode and easy Tailwind classes (dark: prefix)
Built-In Stripe Features
- Webhooks: Tons of built-in functions, webhook listeners, and API calls
- Pre-Made Tiers: Three pre-made subscription tiers: Basic, Pro, and Premium to connect your Stripe subscription products to
- User Connected: Already set up to switch on/off booleans for tier levels in Strapi user based on subscription status webhook events
- Emails: Emails set up for notifying customers after Stripe events (e.g. subscription activated, upcoming payment, payment failed)
- Tier Features: Automatic feature styling in membership tiles (automatically adds checks and X’s based on features provided using Stripe metadata)
