MENU

Fun & Interesting

Building AI App with NextJS 15 and Shadcn UI: Tokens & Stripe Integration - Part 6

Artem Kirsanov 421 2 months ago
Video Not Working? Fix It Now

In this final part of our Next.js AI app series, we're implementing advanced features by adding token reduction logic and Stripe payment integration. You'll learn: • How to implement token reduction logic for AI generations • Setting up a token management system for users • Integrating Stripe payment processing • Implementing Stripe webhooks for automated payment handling • Creating a settings page for token management • Building a secure payment flow • Handling webhook events for subscription and payment updates 🔗 Watch the previous parts: Part 1: https://www.youtube.com/watch?v=ZhR0wRJsdAk Part 2: https://www.youtube.com/watch?v=p0mN_O6ZPYk Part 3: https://www.youtube.com/watch?v=1fMkrX8hp_k Part 4: https://www.youtube.com/watch?v=XKju7n6SjnI Part 5: https://www.youtube.com/watch?v=8hLk9t2Q8OU 👨‍💻Get the code here - https://github.com/Kirsanow/nextjs-youtube #nextjs #ai #webdevelopment #javascript #programming Chapters: 0:00 - Introduction & Video Goals 0:34 - Current State & Project Overview 1:07 - Implementing User Authentication Check 1:34 - Setting Up User Data & Tokens 2:03 - Creating User Data for Existing Users 2:44 - Token Display Implementation 3:11 - Dynamic Token Updates Demo 4:14 - Community Announcement (MetaMakers) 5:26 - Settings Page Implementation 6:16 - Avatar Change Feature 7:43 - Form Actions & Database Updates 9:25 - Stripe Integration Setup 10:19 - Environment Configuration 11:10 - Client/Server Component Fixes 12:14 - Creating Stripe Products & Plans 13:17 - Testing Checkout Flow 13:47 - Webhook Implementation 14:38 - Setting Up Webhook Handler 15:46 - Database Schema Updates 16:25 - Local Development Testing 16:46 - Additional Webhook Tips 17:56 - Customer Portal Implementation 19:56 - Testing & Debugging 22:10 - Middleware Troubleshooting 22:51 - Production Deployment Notes 23:31 - Conclusion 🏗️🔵 WORK with me: https://kirsanov.co 👉🔴 SUBSCRIBE for more: / @kirsnv 🏡 JOIN our Community for Indie developers: https://www.skool.com/metamakers ☕️ BUY ME A COFFEE if you like the content: https://buymeacoffee.com/kirsanov

Comment