SAAS Automation Builder: Clerk Authentication, Neon Tech, Uploadcare, Ngrok, Nextjs 14, Stripe, Bun
π 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
________________________________________________________
Start Your AI Automation SAAS for FREE today: https://webprodigies.com/skyrocketagency
IMPORTANT LINKS
Clerk Authentication: https://go.clerk.com/qbebvpA
Neon Tech: https://neon.tech/
Upload Care: https://uploadcare.com/?via=emmanuel
Screen Studio: https://screenstudio.lemonsqueezy.com/?aff=OXPpe
Stripe Cheat Sheet: COMING SOON
Google Drive App Link: https://console.cloud.google.com/marketplace/product/google/drive.googleapis.com
React Flow: https://reactflow.dev/
Github Code: https://github.com/webprodigies/fuzzie-production
License For Plura: https://webprodigies.com/license
____________________________________________
Here is the discord if you want to hangout or get support: https://discord.gg/amjqmdyKHp
Previous Video: Build A SAAS Website Builder, All in one CRM platform, Ticket tracking system, funnels, Stripe Connect, Sell Products through website builder etc: https://youtu.be/6omuUOZcWL0
____________________________________________
Want your product showcased in the next video? : https://webprodigies.com/promotions
Google Scopes for clerk
// https://www.googleapis.com/auth/userinfo.email
// https://www.googleapis.com/auth/userinfo.profile
// https://www.googleapis.com/auth/drive.activity.readonly
// https://www.googleapis.com/auth/drive.metadata
// https://www.googleapis.com/auth/drive.readonly
____________________________________________
Features:
FYI- all connection are setup from scratch we did not use an integration library π!!!
We wanted to show you what it takes to create all this stuff.
π€― B2C SaaS
π’ Connect users Google Drive to the app
π Watch for changes in google drive
π Connect users slack to send notification and custom messages
π» Connect users discord to send notification and custom messages
π Connect users Notion to create entries in a database
π Stripe to charge month to month subscriptions
π Payments based on credits consumed
π³ Beautiful redesigned node interface
π¨ Drag and drop node builder
π° Create automations flows
π Create a sequence of actions to fire after a trigger event happens
πΊοΈ Mini map to see all workflow nodes
βοΈ Infinite Canvas
β¨ Expandable sidebar with drag feature
β‘οΈAceternity UI
βοΈ Light & Dark mode
π Functioning beautiful landing page
β°Β Timestamps:
0:00 – Intro
08:12 – AI Video Editor Screen Studio (Not paid sponsorship)
08:46 – Project Setup
09:29 – How to use Shadcn UI in Nextjs 14
11:49 – How to use Aceternity UI in Nextjs 14
14:46 – How to use https in localhost for Nextjs 14
17:04 – Navbar
20:30 – How to change fonts in Nextjs 14
24:12 – Setup Animations
24:55 – Landing Page
49:40 – How I made 40k through social media in 2 weeks
01:15:13 – Sidebar
01:26:39 – How to setup dark mode and light mode
01:32:48 – Settings Page
01:42:05 – Prisma And Neon Tech
01:49:07 – How to upload files in Nextjs14 with Uploadcare
01:59:09 – How to setup Authentication with Clerk
02:05:54 – Google Scopes
02:06:55 – How to setup Google Console
02:12:39 – How to use Ngrok in Nextjs 14 app
02:15:40 – Create Sign-in And Sign-up page
02:45:31 – Prodigies University (Become the best version of yourself)
02:51:37 – Implementing global state management for components for Integration & Automation
Intro Music – Perrin Joseph
Credits:
Type: Web Prodigies Promotional Cinematic Audio.
Music: High Alert by Soundridemusic
Link to Video: https://www.youtube.com/watch?v=kscJHd3YSoM&t=2s