Shiraz Dev - Invidious

Shiraz Dev

Welcome! Dive into the world of web design and development. Master the art of crafting beautiful interfaces with Figma and stay ahead of the curve with the latest design trends. Build dynamic and scalable applications using powerful frameworks like ReactJS, NextJS, and NodeJS – and that's just the beginning!

Master web development skills and create exciting projects! Build beautiful user interfaces, craft dynamic applications with state management, and implement secure role-based authentication systems – these are just a few possibilities.

Start your coding journey today! Subscribe for the latest tutorials.

View channel on YouTube

Switch Invidious Instance

Videos

newest

oldest

popular

5:51

How To Connect MongoDB & Better-Auth in NextJS — With Signup & Login Example

Shiraz Dev

Shared 2 days ago

2 views

8:01

How To Connect Your Postgress Neon Database With Better-Auth In Next JS

Shiraz Dev

Shared 5 days ago

11 views

29:38

How To Install Better Auth Using NextJS And Signup & Login Flow Fast

Shiraz Dev

Shared 1 week ago

13 views

5:48

Install React 19 + React Compiler in Vite – Setup & Config Guide 🚀

Shiraz Dev

Shared 1 week ago

114 views

12:15

How To Create A Dashboard in React / NextJS with shadcn UI Easily

Shiraz Dev

Shared 2 weeks ago

67 views

6:44

How To Create A Login Form In React/NextJS With Shadcn UI Easily

Shiraz Dev

Shared 3 weeks ago

61 views

5:02

How To Add A Card In React Or NextJS Using Shadcn

Shiraz Dev

Shared 1 month ago

26 views

7:24

How To Add A Shadcn UI Accordion in React/Next.js

Shiraz Dev

Shared 1 month ago

27 views

4:05

How To Add React/Next JS Tooltip with Shadcn UI

Shiraz Dev

Shared 1 month ago

49 views

8:16

How To Add Shadcn Dialog In React Or Next.js

Shiraz Dev

Shared 1 month ago

38 views

7:55

How To Add A Drawer With React/NextJS | Shadcn UI

Shiraz Dev

Shared 1 month ago

67 views

10:34

Animate Cards One By One Using Motion With React | STAGGER ANIMATE

Shiraz Dev

Shared 1 month ago

36 views

11:04

Animate A Hero Section Using Motion | Formally Framer Motion

Shiraz Dev

Shared 1 month ago

36 views

3:02

Install & Setup Motion | Formally Framer Motion

Shiraz Dev

Shared 1 month ago

40 views

27:47

How To Animated A Loading Screen For Our Car Hero Section with Shrinking Image

Shiraz Dev

Shared 2 months ago

22 views

23:15

How To Animate Car Hero Section in React 19 + Tailwind v4 — Slide, Fade & Pop FX

Shiraz Dev

Shared 2 months ago

33 views

24:08

Build a High-Impact Car Hero Section in React 19 + Tailwind CSS v4

Shiraz Dev

Shared 2 months ago

55 views

14:16

How To Create a Navbar with Tailwind CSS v4 and React

Shiraz Dev

Shared 2 months ago

230 views

3:56

How To Add Animated Video Background to React Login Form Using Tailwind CSS v4

Shiraz Dev

Shared 2 months ago

104 views

9:00

How To Animate React Login Form with Tailwind CSS v4

Shiraz Dev

Shared 2 months ago

138 views

18:55

How To Make A GLASSMORPHISM Login Form With React & TailwindCSS v4 – Stunning UI!

Shiraz Dev

Shared 3 months ago

145 views

19:15

How To Make Eye‑Catching Hover Animations for E-commerce Product Cards | CSS + TailwindCSS V4

Shiraz Dev

Shared 3 months ago

76 views

14:00

How To Create Reusable Product Cards in React + Tailwind CSS FAST | UI Design

Shiraz Dev

Shared 3 months ago

150 views

12:15

How To Make Animated Video Character Cards With Tailwind CSS & React

Shiraz Dev

Shared 3 months ago

28 views

5:12

How To Use Chat GPT 4.1 In Github Copilot To Make A Website

Shiraz Dev

Shared 3 months ago

270 views

12:56

How To Use Google Stitch | UI Design FAST with Google Stitch – Real‑world Use & Fixes!

Shiraz Dev

Shared 3 months ago

172 views

7:57

How To Use Google Gemini in GitHub Copilot to Build a Website Fast

Shiraz Dev

Shared 3 months ago

336 views

13:30

How To Create A Changeable Background On Card Click Using TailwindCSS & React JS | UI / UX Design

Shiraz Dev

Shared 4 months ago

30 views

12:01

How To Install Shadcn UI in React with Tailwind CSS v4

Shiraz Dev

Shared 4 months ago

306 views

15:15

How to Upload and Analyze Images with Gemini API in React

Shiraz Dev

Shared 4 months ago

136 views

8:26

How To Install pnpm | pnpm vs npm: Speed Test Using React + Vite Setup

Shiraz Dev

Shared 4 months ago

139 views

22:05

How To Generate AI Images in React JS With Google Gemini API

Shiraz Dev

Shared 5 months ago

211 views

15:40

How To Handle The Markdown Syntax From Your AI | Google Gemini React Chat App

Shiraz Dev

Shared 5 months ago

386 views

15:15

How To Add Chat History & Chat Functionality | Google Gemini AI React Chat App

Shiraz Dev

Shared 5 months ago

180 views

14:13

How To Style Your Theme Using @theme, @utility And @apply Using TailwindCSS V4 In React Or NextJS

Shiraz Dev

Shared 5 months ago

1.2K views

19:19

How To Add Light And Dark Theme In TailwindCSS V4

Shiraz Dev

Shared 5 months ago

1.9K views

3:21

How To Add Auto Scroll Text While Streaming Google Gemini AI Responses In React JS

Shiraz Dev

Shared 6 months ago

241 views

7:00

How To Add Real-Time Text Streaming Using Google Gemini AI in React

Shiraz Dev

Shared 6 months ago

704 views

8:30

How To Install & Setup Google Gemini AI In React JS

Shiraz Dev

Shared 6 months ago

550 views

7:00

How To Do Role Based Authentication In Next JS Using Metadata

Shiraz Dev

Shared 6 months ago

305 views

8:15

How To Do Role Based Authentication In Next JS Using Orginizations

Shiraz Dev

Shared 6 months ago

321 views

10:56

How To Install & Setup Google Gemini AI in NodeJS | MERN Stack Tutorial

Shiraz Dev

Shared 7 months ago

336 views

7:20

How To Install Shadcn UI With TailwindCSS V4 Compatibility In NextJS 15

Shiraz Dev

Shared 7 months ago

1.9K views

10:17

How To Install Clerk In NextJS 15 And Setup The Signup And Login Form Components | 2025

Shiraz Dev

Shared 7 months ago

96 views

7:21

How to Install and Setup Clerk Authentication In React JS 2025 With Basic Login & Signup Components

Shiraz Dev

Shared 7 months ago

5.8K views

11:11

How To Setup Your Routing, Layout & Navigation In React 19

Shiraz Dev

Shared 7 months ago

745 views

4:23

How to install Tailwind CSS V4 in NextJS

Shiraz Dev

Shared 7 months ago

673 views

4:00

How to Setup Tailwind CSS V4 in React with Vite | React Tutorial For Beginners

Shiraz Dev

Shared 7 months ago

351 views

3:16

Boost Your UI & Code Workflow with Flexible Design Resources | Phosphor Icons

Shiraz Dev

Shared 7 months ago

115 views

8:07

Update User Password with Clerk in React & NextJS for Secure Auth

Shiraz Dev

Shared 7 months ago

324 views

13:46

Update Username & Email with Clerk | React & NextJS Frontend Guide

Shiraz Dev

Shared 7 months ago

658 views

2:00

Design Resource: Free UI Icons for Stunning Websites | BoxIcons

Shiraz Dev

Shared 8 months ago

240 views

6:21

Create A Drag & Drop Profile Upload with React & NextJS for Clerk Users

Shiraz Dev

Shared 8 months ago

372 views

15:51

How To Upload A Profile Image To Clerk Using React Or NextJS

Shiraz Dev

Shared 8 months ago

905 views

5:11

Neon PostgreSQL: How To Use the CASE Clause In PostgreSQL Neon With Node.js

Shiraz Dev

Shared 8 months ago

48 views

3:27

Neon PostgreSQL: How To Use The CROSS JOIN Clause In Your Postgres Neon Database Using NodeJS

Shiraz Dev

Shared 8 months ago

30 views

6:40

Neon PostgreSQL: How To Use The ANY & ALL Clause In Your Postgres Neon Database Using NodeJS

Shiraz Dev

Shared 8 months ago

80 views

10:37

ChatGPT Like Experience on Your PC: Unleash Open Web UI with Ollama & Deepseek-r1 Setup

Shiraz Dev

Shared 8 months ago

125 views

9:23

How To Install Ollama & Run DeepSeek Locally – Fast Setup Guide

Shiraz Dev

Shared 8 months ago

82 views

3:41

How To Install Python

Shiraz Dev

Shared 8 months ago

64 views