SaaS Website Builder, Project Management And Dashboard: Nextjs14, Bun, Stripe Connect, Prisma, MySQL

🎁 Join Prodigies University👇🏻

🔴 90% off all licenses LIMITED TIME ONLY - Use code PU90 at checkout!

Learn how to connect a users stripe account into your app and sync products. You will also build a Website and funnel builder completely from scratch without using any libraries that can also be hosted on custom subdomains inside the app.

⏰ Timestamps
00:00 - Plura Demo
14:51 - Next’s 14 Project Setup
19:09 - Setup Local Database
24:00 - Next’s 14 Authentication
37:00 - Freelance Community
40:28 - How to build the Landing Page
01:04:53 - Sub domains Architecture Explained
01:10:20 - How to setup subdomains in nextjs 14 app in middleware file
01:18:34 - How to use Prisma in nextjs 14
01:37:51 - Building the Agency Section
02:07:20 - How to build forms in nextjs 14
02:17:04 - How to upload images in nextjs 14
03:13:23 - Nextjs14 Sidebar
03:52:39 - How to build zustand / redux natively. Global modal provider.
04:32:46 - Challenge yourself to build the route segments for the agency
04:33:44 - Solution
04:37:18 - User Details with access control
05:10:24 - Launchpad
06:10:33 - Building the Sub Account Section
06:29:10 - Media storage for Sub Accounts in Nextjs14
06:57:24 - Pipelines and project management khan ban board.
09:24:55 - Stripe Setup
09:58:40 - Agency Billing page
10:01:02 - Challenge Add more add-on products
10:14:20 - How to create Custom Stripe Form in nextjs14
10:36:41 - Test Stripe locally
10:52:45 - Challenge Add pro features
11:04:44 - Funnels and Website Builder
12:00:46 - Website builder Architecture breakdown
12:19:11 - Global State Management For Website builder
14:50:49 - Stripe Checkout form for funnels
15:15:40 - How to show websites in nextjs14
15:23:02 - Agency Dashboard
15:41:10 - Subaccount Dashboard
16:17:34 - Deployment

List of all the features.
🤯 Multivendor B2B2B Saas
🏢 Agency and Sub accounts
🌐 Unlimited funnel hosting
🚀 Full Website & Funnel builder
💻 Role-based Access
🔄 Stripe Subscription plans
🛒Stripe add-on products
🔐 Connect Stripe accounts for all users! - Stripe Connect
💳 Charge application fee per sale and recurring sales
💰 Custom Dashboards
📊 Media Storage
📈 Stripe Product Sync
📌Custom checkouts on funnels
📢 Get leads from funnels
🎨 Khanban board
📂 Project management system
🔗 Notifications
📆 Funnel performance metrics
🧾 Agency and subacc metrics
🌙 Graphs and charts
☀️ Light & Dark mode
📄 Functioning landing page

Website with background grids

Shadcn UI Theme creator

Instagram:

[webprodigies]

If you installed prisma and prisma client its probably the latest version (Mine was 5.9.1 ) and almost all the types returned from db query is "any". Not sure if its an error from the newest version but a simple fix is to downgrade it to the same version as in the video, 5.7.1. Then go prisma generate again and it should work as expected.

Great job to the community for catching this! Thanks Ryan big shoutout to you.

[codewithantonio]

I have no words! After your intro I was grabbing my money to invest into this! What an amazing project!

[motadaymane]

My dude just raised the bar for tech tutorials.

[danielgega]

To be honest, in 2024, this is the best project tutorial on YouTube by far. I appreciate your blood and sweat to make this video happen. Encourage others to share this video with the rest of the world.

[MultiWarbird]

This is by far the best tutorial on YouTube in 2024. There is no competition.

[angusmac]

I'm glad the algorithm sent me this goldmine. I can not express how long I've been looking for a video like this! I don't know who you are, but I'm glad I found you. The amount of detail in this, no effort was wasted, incredible man!

[jordimantilla]

Feedback from someone that has watched almost the whole video: I really like the method of copy pasting and just explaining the most difficult parts, i consider that basic or repetitive things don't need to be re-done, so i really love the way you teach us and show us what's really going on behind, great video

[richard_levi]

No way this is free on youtube. Man you have my eternal respect 🙇‍♂️ no way I'm gonna build those clones out there on yt by renowned web dev channels (you know whom I'm talking about) but will dedicate my entire time untill i finish this super cool project building and learning❤

[netaverse]

With so much wrong in the world, it’s moving to still find people like you providing value, asking nothing in return. This is amazing. God bless you

[startupBossInsights]

I don't have money to buy a coffees for you and you don't ask that, even what I can, I can pray for you to live long live, thank you man❤❤❤❤❤❤❤❤❤❤❤❤❤

[asbkan]

i have a little experience with web development and swe, but wasn’t dedicating enough of my time to it because my laziness had taken over me for the past year. had zero motivation until i finally decided to get up off my ass and do something with my life only a couple days ago. lo and behold, you decide to drop one of the most comprehensive and extensive tutorials on this planet about building a fully featured SaaS completely for free, and THEN proceed to build a whole community of devs looking to freelance and make a living of out this. you are doing gods work. bless your soul you impeccable human.

[etaigabbai]

The fact this whole course is free just blows my mind. Thank you!

[pritnadoda]

Is this the craziest thing I've seen on YouTube? Ain't no way you gave this to us for free. Thank you and bless you mate.❤

[marcdan]

Recently, I've noticed these incredible tutorial videos on YouTube. It's amazing to see someone put in the effort to create and explain such complex projects for free. Normally, it would require a whole team of engineers to do something like this. It's really impressive work, and as a senior engineer, I have a lot of respect for it. Back when I was learning programming, YouTube mostly had basic tutorials. There weren't many advanced, real-world project tutorials available. I always wished for tutorials like these, so I appreciate you for making it easier for beginner engineers by creating these videos.

[jamess.]

This is crazy, seriously insane that this is on YouTube for free. Your content is by far the best project tutorials on YouTube - serious props man. I can't remember the last YouTube video I clicked the like button for, but you earned it man.

[rileybarabash]

Oh my god dude. I'm one minute in and absolutely starstruck. No one is doing tutorials like this (with Stripe Connect!), this comprehensive, with the same amount of effort into the production of the video. You are a gift to this world man.

[kachiLuiz-he]

First time commenting on YouTube. As a developer i have not seen cool tutorial as good as this.

Thank God I stayed up tonight to be able to see this 😮

[miangee]

Hands down, this is the best video on YouTube. I haven't seen anyone teach this level of depth in premium courses offered by others, but you provide this invaluable information for free. In just one video, you've earned my respect, man.

[joshuatheprogrammer]

This is by far one of the most comprehensive tutorials on YouTube. Many thanks
Web Prodigies

[regularyt-pzki]

This is the most advanced tutorial on youtube right now