SAAS Automation Builder: Clerk Authentication, Neon Tech, Uploadcare, Ngrok, Nextjs 14, Stripe, Bun
๐ด 4 Spots Left For Unlimited Lifetime Access To Prodigies University๐๐ป
https://webprodigies.com/?utm_sounce=groupleDescription
๐ชช Purchase a license to monetize the code
https://webprodigies.com/license
Discord: https://discord.gg/9zQVnyCBJr
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: https://webprodigies.com/product-details/product/664d1e6bf881ec6f7c5891fb
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
____________________________________________
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