SAAS Automation Builder: Clerk Authentication, Neon Tech, Uploadcare, Ngrok, Nextjs 14, Stripe, Bun

🎁 Learn to start your SAAS in 2 months FREE Training 👉🏻 https://saas.webprodigies.com/

🎁 Join Prodigies University👇🏻
https://www.skool.com/freelance-prodigies-2202/about

🔴 90% off all licenses LIMITED TIME ONLY – Use code PU90 at checkout!
https://webprodigies.com/codelicense

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