Loading...
「ツール」は右上に移動しました。
利用したサーバー: natural-voltaic-titanium
514いいね 20086回再生

🔴 Day 2 of the 5-Day Full Stack Developer AI SaaS Challenge (Next.js, Clerk, React Dropzone, Deploy)

1️⃣ Setup your Clerk Account using this Special Link 👉 go.clerk.com/sonny
2️⃣ Submit your Day 2 Homework Here 👉 www.papareact.com/viewing-room-saas-day-2
3️⃣ Don't Forget to Register to be Eligible for PRIZES 👉 www.papareact.com/challenge
4️⃣ Secure your Seat for the Grand Finale 👉 links.papareact.com/day5

------------------------

🚀 Your Day 2 Agenda:
We'll Start Building the AI SaaS App!

1️⃣ Build a Beautiful Landing Page
Design and develop a visually appealing landing page for your AI SaaS app.
Ensuring your landing page is responsive.

2️⃣ Implement Clerk Authentication & Middleware
Integrating Clerk for user authentication.
Set up middleware to manage authentication flows.
Implementing Clerk Elements (Optional Challenge Task)

3️⃣ Build a Functional Dashboard using Shadcn & the Header
Create a sleek and functional dashboard using Shadcn.
Adding a header component to display the profile icon, Free / Pro plans and more.
Implement the dashboard to view/create new docs from!
Implement the Drag-n-Drop Document Upload Functionality with React-Dropzone

4️⃣ Deploy the Build to Vercel
Deploy the Day 2 App Build to Vercel
Copy the Deployed link and Submit it for the Day 2 Homework

5️⃣ Feature the Best Portfolio Submissions from Day 1

Make sure to show up on Day 2 to claim your free goodie and get started with the AI SaaS App. Get hyped, excited and let's start the AI SaaS App Today! 💪

LFG PAPAFAM! ✌️

🕐 TIMESTAMPS
00:00 Introduction
1:38 Day 2 Presentation
16:54 Day 2 Build Demo
18:42 Initialising the Build
22:26 Implementing Clerk for Authentication & Middleware
34:35 Building the Landing Page
1:03:49 Creating the Dashboard Page
1:11:10 Building the Header Component
1:18:52 Building the Dashboard for File Upload via DnD Functionality
1:41:29 Deploying the Day 2 Build to Vercel
1:50:06 Deployed Day 2 Build Demo
1:52:00

コメント