Programming with Umair
Programming with Umair
  • 197
  • 652 966

วีดีโอ

Cursor AI Code Editor is Awesome - Write Code | Generate | Debug in SecondsCursor AI Code Editor is Awesome - Write Code | Generate | Debug in Seconds
Cursor AI Code Editor is Awesome - Write Code | Generate | Debug in Seconds
มุมมอง 40115 วันที่ผ่านมา
Leaving vscode was hard but ai features provided by cursor ai code editor is beyond awesome. This is a cursor ai tutorial for beginners and in this video, you will guide how to use cursor ai for build large projects, generate code, talk with ai about your code, scan throw codebase, debug and fix your code and prompting suggests within your code. One cool feature cursor ai provide is we can writ...
Build Blog App in Next.js 15 with Appwrite CMS and TailwindcssBuild Blog App in Next.js 15 with Appwrite CMS and Tailwindcss
Build Blog App in Next.js 15 with Appwrite CMS and Tailwindcss
มุมมอง 1.3K27 วันที่ผ่านมา
Appwrite is an awesome CMS service to build and manage databases, messages, file storage buckets etc. In this video, I will setup appwrite and configure it with next.js 15 project to build a simple blog application. I will build schema with relational modals in appwrite and fetch the data in next.js 15 project using server actions. This is a beginner guide to build a full stack blog application...
Next.js 15 Live Chat and User Feedback System with IntercomNext.js 15 Live Chat and User Feedback System with Intercom
Next.js 15 Live Chat and User Feedback System with Intercom
มุมมอง 482หลายเดือนก่อน
How to integrate intercom with next.js 15 for live chat and user feedback system. I will show you from scratch, how to create a new next.js 15 project and add intercom scripts to enable it on all pages of our app. Also, I will show you all kinds of customization options provided by intercom like colors, layouts, styling, texts etc. Finally I will show you how to install third party apps and con...
Next.js 15 Unit Testing with Jest and React Testing Library | Test Driven DevelopmentNext.js 15 Unit Testing with Jest and React Testing Library | Test Driven Development
Next.js 15 Unit Testing with Jest and React Testing Library | Test Driven Development
มุมมอง 751หลายเดือนก่อน
Learn all about unit testing and test driven development using jest and react testing library in next.js 15 project. Start off with what is unit testing, how to configure next.js project with jest, writing unit tests, advantages and disadvantages of unit testing, mocks, TDD, Test driven development and more. This tutorial is for beginners as well as experienced developers. 00:30 What is Unit Te...
Build Custom Whatsapp Contact Widget in Next.js 15Build Custom Whatsapp Contact Widget in Next.js 15
Build Custom Whatsapp Contact Widget in Next.js 15
มุมมอง 487หลายเดือนก่อน
Build whatsapp live chat widget in next.js 15. Animation with css on scroll. Learn about transitions and dynamically making whatsapp icon visible on page scroll. #whatsappwidget #nextjs15 #react #whatschatwidget Follow Whatsapp Channel: whatsapp.com/channel/0029Va7yDtdKmCPVHT30ya3A React tutorials: th-cam.com/play/PL3i9po_eXL_ry_n5DZ30aEHazNCWdOUz7.html JavaScript Tutorials and Projects: th-cam...
3 Ways to Fix Hydration Error in Next.js 153 Ways to Fix Hydration Error in Next.js 15
3 Ways to Fix Hydration Error in Next.js 15
มุมมอง 606หลายเดือนก่อน
Hydration errors in next.js are very annoying and in this video, I am going to show to 3 methods with which you can fix hydration errors. 00:05 What is hydration error in next.js 01:42 First method to fix hydration error 03:13 Second method to fix hydration error 06:27 Third method to fix hydration error #nextjs15 #hydrationerror #nextjsperformance Follow Whatsapp Channel: whatsapp.com/channel/...
Learn all about Routings and Layouts in Next.js 15 | Beginner to AdvanceLearn all about Routings and Layouts in Next.js 15 | Beginner to Advance
Learn all about Routings and Layouts in Next.js 15 | Beginner to Advance
มุมมอง 1.1K2 หลายเดือนก่อน
Become expert in all kinds of routing technique of next.js 15 by following up in this tutorial. In this video, you will learn different types of routings methods like Basic routing, nested routing, dynamic routing, routing segments, optional dynamic routing, private folders routes, grouped routes, nested layouts, templates vs layouts in next.js 15, parallel routing, intercepting routes, not fou...
Add Multi Language Support in Next.js 15 ProjectAdd Multi Language Support in Next.js 15 Project
Add Multi Language Support in Next.js 15 Project
มุมมอง 1.4K2 หลายเดือนก่อน
Configure next.js 15 with next-intl and support multiple language for texts inside server components, client components and browser tabs. Building project from scratch, installing required packages, configure files, building ui and bind multi-language text on multiple components. 00:05 Demo 02:00 Create next.js 15 project 04:58 Install packages 05:40 Configurations 12:30 Configure layout 17:00 ...
Best way to Validate and Submit Forms in Next.js15 using Zod, Prisma, Hooks, Server ActionsBest way to Validate and Submit Forms in Next.js15 using Zod, Prisma, Hooks, Server Actions
Best way to Validate and Submit Forms in Next.js15 using Zod, Prisma, Hooks, Server Actions
มุมมอง 1.1K2 หลายเดือนก่อน
Build and validate forms like a senior developers with the help of zod, prisma, server actions and hooks. You will learn, how to create custom zod validation object that can be used to validate form both on client side and on server side. I will use prisma orm from db operation and mongodb as database. For performing db operations, will use server action and form hooks to store form data in dat...
Next.js 15 Caching Explained with SSG | ISR | CSR | SSRNext.js 15 Caching Explained with SSG | ISR | CSR | SSR
Next.js 15 Caching Explained with SSG | ISR | CSR | SSR
มุมมอง 1.1K2 หลายเดือนก่อน
In this video, you will learn caching in next.js 15 with practical examples. Plus, I will create a new next.js 15 project and talk about SSR, CSR, SSG and ISR to and scenarios of when to choose which approach. #nextjs15 #caching #reactjs19 #webdevelopment 00:05 Introduction00:35 Create next.js 15 project 03:45 Static Site Generation (SSG) in Next.js 1508:50 Incremental Static Rendering (ISG) in...
Build A Video Calling App in Next.js 15 with Zegocloud | Zoom CloneBuild A Video Calling App in Next.js 15 with Zegocloud | Zoom Clone
Build A Video Calling App in Next.js 15 with Zegocloud | Zoom Clone
มุมมอง 1.3K3 หลายเดือนก่อน
Get UIKits for 10,000 free mins: bit.ly/4bDH2ap Learn more about ZEGOCLOUD: bit.ly/4czXPMG 100% customized Video Conferencing API: bit.ly/4bK6WsQ Top 10 Video Conferencing API for You: bit.ly/3WkaOfU #zegocloud #videocall #videoconferencing #videomeeting ZEGOCLOUD video conferencing API allows you to easily build your video conferencing apps within minutes. In this tutorial, you will learn how ...
Clerk Auth v5 Complete Guide with Next.js 15 | Routes Protection | Connect Clerk with DatabasesClerk Auth v5 Complete Guide with Next.js 15 | Routes Protection | Connect Clerk with Databases
Clerk Auth v5 Complete Guide with Next.js 15 | Routes Protection | Connect Clerk with Databases
มุมมอง 4.9K3 หลายเดือนก่อน
In this tutorial, you will learn how to configure clerk auth v5 in next.js 15 project. I will teach you how to build nice UI, create custom auth pages, manage user sessions, protect routes, fetch user data in server and client components, protect apis, route protection with next.js middleware file and mostly importantly how to connect clerk auth with databases using web hooks and mongodb. 00:03...
Build Tour Guide in Next.js 15 and React.js | react-joyrideBuild Tour Guide in Next.js 15 and React.js | react-joyride
Build Tour Guide in Next.js 15 and React.js | react-joyride
มุมมอง 1.8K3 หลายเดือนก่อน
In this tutorial, you will learn how to build a customizable tour guide in next.js 15 using react-joyride package. It will be fully customizable that you can customize colors, styles, layout, enable or disable any elements and can add media files as well. I will also show you different built in props in the packages and how to add custom code to detect steps number within tour guide by using di...
Next Auth v5 Complete Guide in Next.js 15 with Prisma and MongoDBNext Auth v5 Complete Guide in Next.js 15 with Prisma and MongoDB
Next Auth v5 Complete Guide in Next.js 15 with Prisma and MongoDB
มุมมอง 13K3 หลายเดือนก่อน
Let's learn about next-auth v5 for complete authentication and authorization in next.js 15 using app directory structure. It includes installing required packages, configure auth.js v5 along with prisma orm, connect mongodb, setting up app layout, implement login, signup, login with github and finally, protecting routes using server components, middleware's and protecting api routes. 00:05 Demo...
Angular 17 Tutorial - Protect Routes with Guards #17Angular 17 Tutorial - Protect Routes with Guards #17
Angular 17 Tutorial - Protect Routes with Guards #17
มุมมอง 9054 หลายเดือนก่อน
In this video, you will learn about auth guards to protect routes in angular 17. I will show you how to make routes protected based upon session of user. 00:05 Overview 01:30 Create routes 07:00 Add session 08:10 Create guard 11:30 Protect routes based upon session #angularguards #angular17 #angulartutorial Follow Whatsapp Channel: whatsapp.com/channel/0029Va7yDtdKmCPVHT30ya3A React tutorials: ...

ความคิดเห็น

  • @uuilly-t3t
    @uuilly-t3t 5 ชั่วโมงที่ผ่านมา

    This was very helpful. Thank you

  • @uuilly-t3t
    @uuilly-t3t วันที่ผ่านมา

    In case anyone else is trying to use '@for' instead of ngFor. I was getting this error "Type 'WritableSignal<Todo[]>' must have a '[Symbol.iterator]()' method that returns an iterator". I needed to use 'todo()' in my '@for' statement rather than 'todo'.

  • @franciscoagustinrd
    @franciscoagustinrd วันที่ผ่านมา

    thank you! understand very well

  • @i-am-socrates
    @i-am-socrates 2 วันที่ผ่านมา

    Great Videos. If possible, could you add a link to the github repo for the video in the description for reference purposes?

  • @shaiknoor3751
    @shaiknoor3751 2 วันที่ผ่านมา

    Amazing video, can you please make a video on how we can develop on a VPS

  • @HossainAhamedKhan
    @HossainAhamedKhan 2 วันที่ผ่านมา

    really learned new things

  • @elisdotenv
    @elisdotenv 4 วันที่ผ่านมา

    1 year later and this video is going to change my dev career, Thanks so much brother

  • @SolveKing
    @SolveKing 6 วันที่ผ่านมา

    can you explain your plugins for this project to create element like <this /> automatically and idk how come the <Navbar /> can be referenced automatically like that i can't do that, also your prettier behaviour not deleting the parantheses after return() because it always delete my return's parentheses every my component

    • @SolveKing
      @SolveKing 6 วันที่ผ่านมา

      i just realize react component best practice start with capital, i try navbar not work but Navbar works,

  • @gholamrezaaqajade4195
    @gholamrezaaqajade4195 6 วันที่ผ่านมา

    i think prettier delete the parentheses of my return when i generate rafc from: import React from 'react' export const navbar = () => { return ( <div>navbar</div> ) } into this: import React from "react"; export const navbar = () => { return <div>navbar</div>; }; can anyone help me please ?

  • @valostudent6074
    @valostudent6074 6 วันที่ผ่านมา

    amazing , thanks for such easy to follow tutorial. by any chance if you can pls extend this series to part to , showing how to add modern wysiwyg (like novel by steventey)

  • @teetanrobotics5363
    @teetanrobotics5363 6 วันที่ผ่านมา

    Thanks for your awesome content. Request you to make a subscription calendar service app for example room booking.

  • @fearless69x52
    @fearless69x52 7 วันที่ผ่านมา

    At 16:29 when you test the api it returns the data but in my case its not working and going to the url and put a city at end throws this error {"data":{"cod":"404","message":"Internal error"}} i waited a lot for api key actication and then i visited your github repository it was in javascript not typescript so i created another next project with javascript and copy pasting your github repo's code it works, i am really confused can anyone help me.

    • @fearless69x52
      @fearless69x52 7 วันที่ผ่านมา

      ahh im so dumb man what happens is when i try to copy paste a little blocks to see which one is not working i change if else block and its working then i only change else but doesnt work then i undo that and change only if block it works then i compare both codes side by side so what i found is in url i have written /data.2.5 instead of /data/2.5 it works now thanks

  • @jonnyb494
    @jonnyb494 8 วันที่ผ่านมา

    if I execute the "COPY . ." command at 10.38 before "RUN npm install", wouldn't I lose the benefits of Docker caching?

  • @naveedahmed1715
    @naveedahmed1715 9 วันที่ผ่านมา

    umair bhai will you please make a video for how to fetch data in server components with react query thanks

  • @therevealmusic
    @therevealmusic 9 วันที่ผ่านมา

    Will you do a front end for it,also any CI/CD videos

    • @ProgrammingwithUmair321
      @ProgrammingwithUmair321 9 วันที่ผ่านมา

      I have already created multiple CI/CD and docker tutorials in my channel. Check my playlist on this topic.

  • @diyemark7152
    @diyemark7152 12 วันที่ผ่านมา

    is there a way to trigger the intercom widget using a button click?

  • @gourabhere2005
    @gourabhere2005 13 วันที่ผ่านมา

    Can the host turn off participants microphone and video and other permision?

  • @birkbirk1204
    @birkbirk1204 13 วันที่ผ่านมา

    that was my 15th video maybe, just wanted to use only server side, thanks a lot brother

  • @jenasusil6
    @jenasusil6 13 วันที่ผ่านมา

    it's really amzing, no need to create 5 hrs project . instead create small project with good concept . it'would be like a practice project .

  • @KeshavD-ys7el
    @KeshavD-ys7el 14 วันที่ผ่านมา

    but it doesn't have vs code extensions

  • @falcan7752
    @falcan7752 15 วันที่ผ่านมา

    Mate, I follow your videos, but it's hard to PASS on Cursor AI Code Editor. Thanks

  • @abdullahshoaib8637
    @abdullahshoaib8637 15 วันที่ผ่านมา

    Its paid thats why i want to stick with vs code for now.

    • @ProgrammingwithUmair321
      @ProgrammingwithUmair321 15 วันที่ผ่านมา

      Even after trial ends, it will still be providing couple of llm models to chatting with code base and generating code with ai.

  • @bokamontry
    @bokamontry 15 วันที่ผ่านมา

    what happening after 14 days. free only two-week trial

    • @ProgrammingwithUmair321
      @ProgrammingwithUmair321 15 วันที่ผ่านมา

      Even after trial ends, it will still be providing couple of llm models to chatting with code base and generating code with ai.

  • @alexcostal3749
    @alexcostal3749 15 วันที่ผ่านมา

    Nice 👍 is it free ? Like vs code?

    • @codernerd7076
      @codernerd7076 15 วันที่ผ่านมา

      nop well not really you only get 2000 completions/50 slow premium requests / Month

  • @John-wx3zn
    @John-wx3zn 16 วันที่ผ่านมา

    Thank you

  • @angithkrishna2939
    @angithkrishna2939 16 วันที่ผ่านมา

    bro huge shoutout to the Umair sir for posting this video , i was creating a application with similar functionality required and i got stuck with the database error ,I even thought of dropping the project because i was stuck for more than 3 days ,your video help me really understand what were the steps and what could be causing the problem and i was able to solve it in the end ,Huge thanks to you sir , GOD BLESS YOU

  • @smartest_developers
    @smartest_developers 18 วันที่ผ่านมา

    what is mutation? at least you must explain what is mutation?

  • @UzoamakaEzeh-tq8zz
    @UzoamakaEzeh-tq8zz 20 วันที่ผ่านมา

    Thank so much❤

  • @hu__utao
    @hu__utao 21 วันที่ผ่านมา

    the data.json: { "languages": [ "Java", "C#", "Python" ], "student": { "id": 123, "name": "john", "phone": "123456", "age": 21, "languages": [ "Java", "C#", "Python" ] }, "orderbook": { "BuyOrders": [ { "OrderType": "LimitBid", "Price": 497.02, "Volume": 0.01 }, { "OrderType": "LimitBid", "Price": 490.0, "Volume": 1.0 } ], "SellOrders": [ { "OrderType": "LimitOffer", "Price": 500.0, "Volume": 1.0 }, { "OrderType": "LimitOffer", "Price": 505.0, "Volume": 1.0 } ], "CreatedTimestampUtc": "2014-08-05T06:42:11.30322082" }, "latestprices": { "status": "ok", "prices": { "btc": { "bid": "2352", "ask": "3422", "last": "5232" }, "tc": { "bid": "0.342", "ask": "0.343", "last": "0.643" }, "doge": { "bid": "23.5", "ask": "23.543", "last": "234" } } } }

  • @Filmy_world_official
    @Filmy_world_official 21 วันที่ผ่านมา

    Umair sir have a question that when i published my new blog from strapi it didn't render on the next js frontend why should i have to restart my next js and then i will able to see it ? and also tell me or make a video that how to deploy this blog website waiting for your response i needed this is my office project

  • @alpocalipse
    @alpocalipse 22 วันที่ผ่านมา

    Umair you saved me man! Thanks for all the videos!

  • @demicoderr
    @demicoderr 24 วันที่ผ่านมา

    Man, God bless you! This is gold. Just subscribed!

  • @Abhiram-j4n
    @Abhiram-j4n 24 วันที่ผ่านมา

    sir ela versel lo deployed chalaliii,it only working in localhost

  • @aipromptsuk
    @aipromptsuk 25 วันที่ผ่านมา

    what if i want to change urls also mean want to change about based on language localhost:3000/fr/apropos??? 🤔🤔🤔🤔🤔

  • @takeshikriang
    @takeshikriang 26 วันที่ผ่านมา

    Very helpful. Thank you, sir.

  • @kirilkirchev285
    @kirilkirchev285 26 วันที่ผ่านมา

    This video saved my day! After digging the official docs on Vercel and Next-intl and having errors all the the time, this solution worked for me perfect! Thanks a lot !!!!

  • @silviofonseca4597
    @silviofonseca4597 26 วันที่ผ่านมา

    Very good tutorial, thank you!

  • @mohammadghiasi2204
    @mohammadghiasi2204 26 วันที่ผ่านมา

    It was great. Thank you very much ❤

  • @DoingCoding
    @DoingCoding 27 วันที่ผ่านมา

    great job. but bro i dont like appwrite becuase it is fully zionist company. i would rather suggest supabase or convex

  • @crodic01422
    @crodic01422 27 วันที่ผ่านมา

    Hi, in the next project can you use MUI Toolpad Core and Toolpad Studio of Material UI?

  • @nickwoodward819
    @nickwoodward819 28 วันที่ผ่านมา

    Thanks for the video. Just a bit of feedback - maybe next time start with a form set up? It's 20 minutes in and we're still building a _search bar_ 😆

  • @umersiddiqui4530
    @umersiddiqui4530 28 วันที่ผ่านมา

    Nice yaar behtareen you have earned yourself a new subscriber

  • @vijayverma.ameotech
    @vijayverma.ameotech 29 วันที่ผ่านมา

    👍👍👍

  • @Sahil.1
    @Sahil.1 29 วันที่ผ่านมา

    Wow I just spent 30 minutes to just configure a button component no wonder why company's production takes so long🤷 Anyhow the tutorial was great and everything was explained systematically 🤝

  • @saveriomazza7781
    @saveriomazza7781 หลายเดือนก่อน

    top

  • @simonsylvester-l6j
    @simonsylvester-l6j หลายเดือนก่อน

    thank you. being under the right folder makes it much easier.

  • @vijaymestry4236
    @vijaymestry4236 หลายเดือนก่อน

    Absolutely best

  • @suryatejess-u7l
    @suryatejess-u7l หลายเดือนก่อน

    25:48

  • @LUAN-mw9tl
    @LUAN-mw9tl หลายเดือนก่อน

    Muito bom seu tutorial, ensina vários modos de autenticação em 1 vídeo só e a didática perfeita...❤