Build an OnlyFans with Next.js, Stripe and React | Complete Guide 2024

Published: 22 June 2024
on channel: As a Programmer
21,954
1k

Source Code: https://github.com/burakorkmez/onlyfans (🌟Stars Appreciated)
Kinde Auth: http://kinde.com/?utm_source=yt&utm_m...
Diagrams: https://www.eraser.io (Sponsored)

Discord to ask your questions:   / discord  

Some Features:
⚛️ Tech Stack: Next.js 14, TypeScript, Tailwind CSS, Prisma, PostgreSQL, Stripe
🔐 Authentication with Kinde Auth
💸 Monthly and Annually Subscriptions with Stripe.
💰 One Time Payments with Stripe
💵 Building a Stripe Billing Portal
🛒 E-Commerce Store
✉ Sending "Successful Payment" Emails to Users
✍️ Creating Posts
💬 Commenting on Posts
❤️ Liking Posts
🔒 Secret Admin Dashboard
📝 Data Aggregation with Prisma
🖼️ Edit Profile
📷 Image/Video Uploads using Cloudinary
💙 Awesome Landing Page
🌐 Deployment
👀 And Millions of Other Cool Features
✅ This is a lot of work. Support me by subscribing.

Thanks for watching!

Timestamps:
00:00:00 - App Showcase
00:04:20 - Setup Next.js and ShadCN
00:17:20 - Building the Landing Page
02:00:25 - Building a BaseLayout Component
02:34:00 - Building the Home Page
03:44:00 - Building the Merch Page
04:13:00 - Building the Admin Dashboard Page
05:08:30 - Database Setup and Prisma
05:33:30 - Understanding Auth Callbacks
05:53:40 - Creating Posts
06:06:40 - Fetching and Creating Products
06:23:30 - Archiving Products
06:36:00 - Working on Our Merch Pages
06:47:00 - Update Profile Page
07:17:44 - Data Aggregation with Prisma
07:32:40 - Fetching Posts for the Home Page
07:52:10 - Deleting Posts
07:59:00 - Likes and Comments
08:30:30 - Stripe Subscriptions
09:32:10 - Sending Welcome Emails
09:47:30 - One Time Payments with Stripe
10:31:00 - Sending Receipt Emails
10:44:40 - Aggregating Dashboard Analytics
10:58:30 - Stripe Billing Portal and Small Fixes
11:07:00 - Detailed Deployment Guide

React, Next.js, TypeScript, Prisma, Tailwind


Watch video Build an OnlyFans with Next.js, Stripe and React | Complete Guide 2024 online without registration, duration hours minute second in high quality. This video was added by user As a Programmer 22 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 21,954 once and liked it 1 thousand people.