Building AI App with NextJS 15 and Shadcn UI: Tokens & Stripe Integration - Part 6
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
🔥 Join the community — Connect with like-minded thinkers:
👉 https://discord.gg/mAJBGwAavC
🚀 Work with me — Need help building your app or idea?
💼 https://kirsanov.co
📝 Write smarter essays & papers — Let AI boost your writing:
✍️ https://quillminds.com
🔍 Find untapped marketing gems on Reddit — Your growth starts here:
📈 https://opportunai.co
✖️ Follow me on X — Thoughts on tech, building, and indie hacking
👉 https://x.com/kirsnvartem
Видео Building AI App with NextJS 15 and Shadcn UI: Tokens & Stripe Integration - Part 6 канала Artem Kirsanov
• 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
🔥 Join the community — Connect with like-minded thinkers:
👉 https://discord.gg/mAJBGwAavC
🚀 Work with me — Need help building your app or idea?
💼 https://kirsanov.co
📝 Write smarter essays & papers — Let AI boost your writing:
✍️ https://quillminds.com
🔍 Find untapped marketing gems on Reddit — Your growth starts here:
📈 https://opportunai.co
✖️ Follow me on X — Thoughts on tech, building, and indie hacking
👉 https://x.com/kirsnvartem
Видео Building AI App with NextJS 15 and Shadcn UI: Tokens & Stripe Integration - Part 6 канала Artem Kirsanov
Комментарии отсутствуют
Информация о видео
26 февраля 2025 г. 2:36:41
00:23:42
Другие видео канала