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