SaaS Website Builder, Project Management And Dashboard: Nextjs14, Bun, Stripe Connect, Prisma, MySQL
β¨ Join Prodigies University today ππ» https://www.webprodigies.com
In Prodigies University we break down everything for the next upcoming videos in live deep dive sessions! See the whole process from start to finish:
β
Architecture
β
Wire-framing
β
Workflows
β
Figma layouts
β
Project Management
β
Backlog
β
My Ideation process
β
Early access to the project
β
Ask questions to experts
β
Provide feedback on features to include
__________________________________________________________
PLURA Commercial License: https://webprodigies.com/license
β Build Realtime Cursors Using Nextjs: https://www.youtube.com/watch?v=A3l6YYkXzzg
Github Repo: https://github.com/webprodigies/plura-production/tree/main
Here is the discord if you want to hangout or get support: https://discord.gg/ZKVbbPaDp2
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/
Posted May 13
click to rate
Share this page with your family and friends.