✨ Private Web design / development FREELANCE Community
FREE access Limited spots only: 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/
source
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.
Here is a thread talking about how to fix the relationships not being returned error as well: https://github.com/prisma/prisma/discussions/10928
Great job to the community for catching this! Thanks Ryan big shoutout to you.
THIS was the project I was looking for many months. Dude THANK YOU!
awesome content man !
WordPress has much advance features than webflow
The intro is Amazing, what software have you used for that?
Keep it up!
'Unauthorized Acccess' should only have 2 c's
Just curious, if we add a user to the db based on their email address, is it possible that with some OAuth providers their email address might change causing the user not to be linked with their agency?
Thanks you
Incredibly well done, and a far cry from the tutorials found on any platform, you did it and you did it well, well done to you.
A huge W for u MAN!
I can't get bun to work
Do we really need bun to create this project? . It's difficult on a Windows computer
The best course i've ever seen!
My mind is blown.
woooooo
is freelance community free now ?
I learn by practicing, and I believe this to be one of the best hands on tutorials for aspiring devs like myself. Let's build a great community around this!
can we i continue with this project without bun means with NodeJS
This shit is so dramatic 😂
The community is no longer free btw
YouTube is amazing, guys. A $20,000 project for free
Cool
please I still can not find a solution or why the route http://localhost:3000/agency only shows me the page of the route app/[domain]/page.tsx and not the page of the route app/(main)/agency/page.tsx in the video shows you the page of the route app/(main)/agency/page.tsx but when I go to http://localhost:3000/agency only shows me the page of the route app/[domain]/page.tsx do you know why this happens, thanks a lot 🙏🙏
Something in Nuxt Js
❤❤❤ 💯