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

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

239,756 View

Publish Date:
24 February, 2024
Category:
SAAS Software
Video License
Standard License
Imported From:
Youtube

✨ Private Web design / development FREELANCE Community
LIMITED TIME DISCOUNT: https://webprodigies.com/
Here is the discord if you want to hangout or get support: https://discord.gg/ZKVbbPaDp2
→ Build Realtime Cursors Using Nextjs: https://www.youtube.com/watch?v=A3l6YYkXzzg
Github Repo: https://github.com/webprodigies/plura-production/tree/main

Start your own agency for Free: https://www.gohighlevel.com/?fp_ref=webprodigies

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
https://bg.ibelick.com/

Shadcn UI Theme creator
https://gradient.page/tools/shadcn-ui-theme-generator

Instagram:
https://www.instagram.com/webprodigies/


Did you miss our previous article...
https://techvideos.club/saas-software/how-to-create-milllion-dollar-saas-ideas-stepbystep-strategy