Imran Codes
Hi there! I'm Imran, and this channel is all about learning web development in particular React and JavaScript projects.
Web development can be a bit intimidating at first, especially when you're trying to keep up with the latest frameworks in the world of Javascript like React and NextJS. That's why I've created this channel to share my tips and tricks that I've picked up as a Frontend Web Developer.
I have a passion for teaching people that coding can be a really fun career path—and most of the time it follows the same patterns for building websites and apps. My goal is to teach you those patterns in a modern approach so that you don't get discouraged by bugs or problems when writing code.
My videos include tutorials, walkthroughs, and Q&A sessions where I answer your questions about everything from debugging to job-hunting.
🎬 16. Deploy Clerk Auth App to Vercel – Next.js 15 Production Guide
🎬 15. Build a Dynamic Profile Page with Clerk User Metadata
🎬 14. Secure API Routes in Next.js with Clerk Auth Middleware
🎬 13. Secure Routes with Clerk Middleware in Next.js 15 App Router
🎬 12. Create a Protected Dashboard Page with Clerk Authentication
🎬 11. Custom Sign-In Logic with Redirects After Login – Clerk + Next.js
🎬 10. Email/Password Auth in Next.js with Clerk + Email Verification
🎬 9. Build Google Sign-In Button Manually with Clerk SDK
🎬 8. Custom Sign-Out Button with Clerk + Redirect on Logout
🎬 7. Fetch Server-Side Clerk User Data & Build a Dynamic Navbar
🎬 6. Add Google OAuth Sign-In with Clerk Components in Next.js
🎬 5. Build Custom Clerk Sign-In Page UI with Tailwind CSS
🎬 4. Dynamic Homepage UI for Signed In/Out States with Clerk
🎬 3. Clerk Features & Dev Dashboard Walkthrough for Next.js Projects
🎬 2. Set Up Clerk in Next.js 15 with App Router | Full Auth Setup
🎬 1. Clerk + Next.js Authentication Crash Course | Build a Full Auth Stack (Intro)
🔐 Clerk Auth Crash Course | Next.js 15 App Router Full Integration (Custom UI + Middleware + OAuth)
10. 🛡️ Powerful Middleware in Next.js 15 | CORS, Auth, and Redirects
13. 🚀 Deploy Your Next.js 15 App to Vercel (Step-by-Step)
4. ❌ Create a Custom 404 Page in Next.js 15
8. 🧭 Create Dynamic Page Routes with Params in Next.js 15
3. 🧱 How Layouts Work in Next.js 15 | Pages, Layouts & Structure
9. 📄 Static Rendering with API Data in Next.js 15 | Server-Side Techniques
1. 🚀 Next.js 15 Crash Course - Travel App Overview | Fullstack Project Walkthrough
6. 📦 Client-Side Data Fetching with Next.js 15 | use client Explained
2. ⚙️ Setting Up Next.js 15 Boilerplate for Your Project
12. ⚡ Next.js 15 Server Actions Crash Course | Real-World Usage
5. 🌐 Making GET Requests in Next.js 15 API Routes
7. 🖼️ Configure Next.js 15 for External Images | next.config Explained
11. 📝 Create API and Page for Reviews in Next.js 15