- 498
- 210 362
WebMentor
Pakistan
เข้าร่วมเมื่อ 6 มิ.ย. 2017
Assalam o Alaikum Everyone,
On this channel you will find tutorials about full stack web development and system administration. My main objective is to teach students to become good developers.
Owner/Admin: MAhmer
500 Subs - 23 Sep 2022
1000 Subs - 12 Jan 2024 - 1000th Sub: Ujjwal Srivastav
On this channel you will find tutorials about full stack web development and system administration. My main objective is to teach students to become good developers.
Owner/Admin: MAhmer
500 Subs - 23 Sep 2022
1000 Subs - 12 Jan 2024 - 1000th Sub: Ujjwal Srivastav
Show API Message Alerts | Nuxt 3 Tutorials #43 | Urdu & Hindi
In this video, you will learn how to implement alerts in Nuxt 3. We will display API messages, such as success or failure notifications, using Nuxt components. Additionally, we will demonstrate how to reset old alert messages before handling and displaying the next API response.
🧲 Timestamps:
00:00 - Introduction
00:31 - Modify Alert Component
01:02 - Show Message
01:24 - Read Message from API
02:04 - Binding Message
02:28 - Hide Old Alert on trigger
03:06 - Conclusion
🧲 Checkout our projects at GitHub:
github.com/webmentordev
🧲 VSCode:
● Font: Cascadia Code
● Theme: Obsidian Dark
🧲 Personal Tech Stack:
● Laravel, Livewire
● VueJs, NuxtJS
● MySQL, mongoDB, Pocketbase
● TailwindCSS
● LAMP Stack
● Linux, Virtualization, Proxmox
Please Ignore Negative Comments :)
🧲 Timestamps:
00:00 - Introduction
00:31 - Modify Alert Component
01:02 - Show Message
01:24 - Read Message from API
02:04 - Binding Message
02:28 - Hide Old Alert on trigger
03:06 - Conclusion
🧲 Checkout our projects at GitHub:
github.com/webmentordev
🧲 VSCode:
● Font: Cascadia Code
● Theme: Obsidian Dark
🧲 Personal Tech Stack:
● Laravel, Livewire
● VueJs, NuxtJS
● MySQL, mongoDB, Pocketbase
● TailwindCSS
● LAMP Stack
● Linux, Virtualization, Proxmox
Please Ignore Negative Comments :)
มุมมอง: 33
วีดีโอ
Using DELETE Data Laravel API | Nuxt 3 Tutorials #42 | Urdu & Hindi
มุมมอง 2628 วันที่ผ่านมา
In this video, you will learn how to create a Laravel Delete API for Nuxt 3. We will use the Delete API to remove todos from the database. Additionally, we will explore how to remove items from the frontend array simultaneously when they are deleted from the database. 🧲 Timestamps: 00:00 - Introduction 00:31 - Setup API function 01:18 - Create API Route 02:12 - Calling Delete API 04:17 - Testin...
Using API Resource for Response | Nuxt 3 Tutorials #41 | Urdu & Hindi
มุมมอง 23หลายเดือนก่อน
In this video, you will learn how to use APIResource in Laravel for Nuxt 3. APIResource provides more methods to customize API responses. PHP arrays do not return collections, so you cannot use pagination with them. Instead, you need to use APIResource and return a collection, which allows you to implement pagination. 🧲 Timestamps: 00:00 - Introduction 00:44 - Setup APIResource 01:40 - Read API...
API Response Formatting | Nuxt 3 Tutorials #40 | Urdu & Hindi
มุมมอง 13หลายเดือนก่อน
In this video, you will learn how to format or modify API responses for Nuxt 3 in Laravel 11. We will explore how to hide certain fields, change the data format, add links, and adjust the created_at date format or timezone, etc. 🧲 Timestamps: 00:00 - Introduction 00:36 - Reading Created date 01:08 - Formating API 01:52 - Using php map function 03:31 - How formating will work 03:44 - Testing new...
Fetch & Read Laravel APIs Data | Nuxt 3 Tutorials #39 | Urdu & Hindi
มุมมอง 25หลายเดือนก่อน
In this video, you will learn how to read data from APIs in Nuxt 3. Laravel returns column names as object keys, which are stored in an array. We will use $fetch to fetch data from an API when the user visits the page. In the setup script, you don't need to use async; you can use await with $fetch, and it will work. Additionally, before the page loads completely, a loading indicator will be dis...
API Error Handling | Nuxt 3 Tutorials #38 | Urdu & Hindi
มุมมอง 17หลายเดือนก่อน
In this video, you will learn the best ways to handle errors in Nuxt 3 using try-catch blocks. We will explore the error codes you may encounter and how to resolve them. Additionally, we will examine validation error handling and the workings of $fetch with headers. 🧲 Timestamps: 00:00 - Introduction 00:13 - 404 (Route not found Error) 00:31 - 422 (Validation error) 01:00 - Error Handling proce...
POST or Store data in Database | Nuxt 3 Tutorials #37 | Urdu & Hindi
มุมมอง 44หลายเดือนก่อน
In this video, you will learn how to post data to a Laravel 11 database in Nuxt 3. We will cover how to create a model, set up a migration, controller, and API route. Additionally, we will demonstrate how to return the correct response from the API for use in the Nuxt frontend 🧲 Timestamps: 00:00 - Introduction 00:16 - Create Model & Migrations 00:47 - Setup Controller 01:00 - Setup Model 01:12...
Calling Laravel APIs | Nuxt 3 Tutorials #36 | Urdu & Hindi
มุมมอง 26หลายเดือนก่อน
In this video, you will learn how to call Laravel APIs in Nuxt 3. We will call an API to get the Laravel version and display it on the Nuxt 3 dashboard page. 🧲 Timestamps: 00:00 - Introduction 00:40 - Laravel Version 01:12 - Call API 02:41 - Testing 02:57 - Conclusion 🧲 Checkout our projects at GitHub: github.com/webmentordev 🧲 VSCode: ● Font: Cascadia Code ● Theme: Obsidian Dark 🧲 Personal Tec...
SSR vs CSR vs Universal Rendering | Nuxt 3 Tutorials #35 | Urdu & Hindi
มุมมอง 40หลายเดือนก่อน
In this video, you will learn how SSR, CSR and Universal Rendering work in Nuxt 3. SSR (Server-Side Rendering): The HTML is generated on the server and sent to the browser, which displays the fully rendered content immediately, improving initial load times but requiring a server to handle rendering. CSR (Client-Side Rendering): The browser downloads a minimal HTML shell and JavaScript, which th...
Calling or Reading RESTFul APIs Data | Nuxt 3 Tutorials #34 | Urdu & Hindi
มุมมอง 42หลายเดือนก่อน
In this video, you will learn how to call APIs in Nuxt 3. We will use $fetch, which is Nuxt's built-in composable for making API calls. 🧲 Timestamps: 00:00 - Introduction 01:13 - Setup Page 01:35 - Calling API 02:42 - Show Posts data on page 03:53 - Conclusion 🧲 Checkout our projects at GitHub: github.com/webmentordev 🧲 VSCode: ● Font: Cascadia Code ● Theme: Obsidian Dark 🧲 Personal Tech Stack:...
File Input Component | Nuxt 3 Tutorials #33 | Urdu & Hindi
มุมมอง 372 หลายเดือนก่อน
In this video, you will learn how to handle file uploads in Nuxt 3. We cannot directly bind v-model to the file input field, so we have to use v-on:change to detect changes. I also demonstrate how to upload multiple files using a single input field and read them. 🧲 Checkout our projects at GitHub: github.com/webmentordev 🧲 VSCode: ● Font: Cascadia Code ● Theme: Obsidian Dark 🧲 Personal Tech Sta...
Select field Component In Nuxt | Nuxt 3 Tutorials #32 | Urdu & Hindi
มุมมอง 182 หลายเดือนก่อน
In this video, you will learn how to create a reusable select field component in Nuxt 3. If you want to use the same select field with consistent styling on multiple pages, the best approach is to create a component for the select field. The key difference is in how you pass options to the select field. If you define the options inside the component, the same options will appear on all pages wh...
Input Field Component In Nuxt | Nuxt 3 Tutorials #31 | Urdu & Hindi
มุมมอง 292 หลายเดือนก่อน
In this video, you will learn how to create a reusable input field component in Nuxt 3. If you want to use the same input field with consistent styling on multiple pages, the best option is to create a component for the input field. This allows you to use it anywhere with a single code base. If you need to change the styling or any configuration of the input field, you can simply modify the com...
Nuxt Loading Indicator | Nuxt 3 Tutorials #30 | Urdu & Hindi
มุมมอง 1252 หลายเดือนก่อน
In this video, you will learn how to add a loading indicator in Nuxt 3. The loading indicator will appear at the top of the page when navigating to a different page. Users will see an indicator that helps them understand that data is being fetched from the server, so they need to wait until the data is fully loaded. 🧲 Timestamps: 00:00 - Introduction 00:45 - Using NuxtLoadingIndicator 01:44 - C...
Nuxt 3 Layouts | Nuxt 3 Tutorials #29 | Urdu & Hindi
มุมมอง 252 หลายเดือนก่อน
Nuxt 3 Layouts | Nuxt 3 Tutorials #29 | Urdu & Hindi
Dispatch (Emit) Events | Nuxt 3 Tutorials #28 | Urdu & Hindi
มุมมอง 603 หลายเดือนก่อน
Dispatch (Emit) Events | Nuxt 3 Tutorials #28 | Urdu & Hindi
Component Slots | Nuxt 3 Tutorials #27 | Urdu & Hindi
มุมมอง 233 หลายเดือนก่อน
Component Slots | Nuxt 3 Tutorials #27 | Urdu & Hindi
Component Prop Types | Nuxt 3 Tutorials #26 | Urdu & Hindi
มุมมอง 343 หลายเดือนก่อน
Component Prop Types | Nuxt 3 Tutorials #26 | Urdu & Hindi
Component Props | Nuxt 3 Tutorials #25 | Urdu & Hindi
มุมมอง 293 หลายเดือนก่อน
Component Props | Nuxt 3 Tutorials #25 | Urdu & Hindi
Nuxt Components | Nuxt 3 Tutorials #24 | Urdu & Hindi
มุมมอง 353 หลายเดือนก่อน
Nuxt Components | Nuxt 3 Tutorials #24 | Urdu & Hindi
Navigation and NuxtLink | Nuxt 3 Tutorials #23 | Urdu & Hindi
มุมมอง 193 หลายเดือนก่อน
Navigation and NuxtLink | Nuxt 3 Tutorials #23 | Urdu & Hindi
Nuxt Dynamic Routes | Nuxt 3 Tutorials #22 | Urdu & Hindi
มุมมอง 393 หลายเดือนก่อน
Nuxt Dynamic Routes | Nuxt 3 Tutorials #22 | Urdu & Hindi
Nested Pages & Routes | Nuxt 3 Tutorials #21 | Urdu & Hindi
มุมมอง 293 หลายเดือนก่อน
Nested Pages & Routes | Nuxt 3 Tutorials #21 | Urdu & Hindi
Nuxt Pages & Routing | Nuxt 3 Tutorials #20 | Urdu & Hindi
มุมมอง 293 หลายเดือนก่อน
Nuxt Pages & Routing | Nuxt 3 Tutorials #20 | Urdu & Hindi
Data Binding With Attributes | Nuxt 3 Tutorials #19 | Urdu & Hindi
มุมมอง 233 หลายเดือนก่อน
Data Binding With Attributes | Nuxt 3 Tutorials #19 | Urdu & Hindi
Page Favicon & Link Tags | Nuxt 3 Tutorials #18 | Urdu & Hindi
มุมมอง 703 หลายเดือนก่อน
Page Favicon & Link Tags | Nuxt 3 Tutorials #18 | Urdu & Hindi
Meta Tags and Page Title | Nuxt 3 Tutorials #17 | Urdu & Hindi
มุมมอง 443 หลายเดือนก่อน
Meta Tags and Page Title | Nuxt 3 Tutorials #17 | Urdu & Hindi
Serve Static Images | Nuxt 3 Tutorials #16 | Urdu & Hindi
มุมมอง 274 หลายเดือนก่อน
Serve Static Images | Nuxt 3 Tutorials #16 | Urdu & Hindi
Icons (Link & Module)| Nuxt 3 Tutorials #15 | Urdu & Hindi
มุมมอง 304 หลายเดือนก่อน
Icons (Link & Module)| Nuxt 3 Tutorials #15 | Urdu & Hindi
Using Google and File Fonts | Nuxt 3 Tutorials #14 | Urdu & Hindi
มุมมอง 1574 หลายเดือนก่อน
Using Google and File Fonts | Nuxt 3 Tutorials #14 | Urdu & Hindi
you didnt use the default Auth that laravel breeze provides
@@geekmaros yes. that's cookie based. you have to call the apis twice, one to set the cookie then read that cookie manually using cookie composable the pass it to the api that will call the main api (like we used token in the header)
@ any advantage of one over the other ??
@geekmaros this token way is way simple. other one is highly recommended which is also prioritized in the documentation but require alot more steps like reading cookie value and passing into the header which also causes problem with nuxt api routes. If you use axios then cookie is automatically injected into the header. $fetch like utils have to do cookie injection manually
Thank you for sharing this video! Very useful. BTW, I speak neither Urdu nor Hindi but I still got the gist of your explanation. Well done!
Thank you for sharing this video! Precisely what I was looking for! You got to the point quickly and focused on the correct information immediately. Well done!
If i buy Hostinger Premium Webshosting (with hpanel and free domain), will i get terminal access to run laravel commands like "php artisan migrate", etc and will i get SSH access to setup github action (for auto push to server) and can i setup different PHP versions for each subdomain???
@@Shahzaib_943 yes. i think you get the terminal or ssh access
Nice tutorial
Why deleting? Can't we resize? I have many VMs CTs on the local-lvm, so I cannot delete. I need resize, how to do that?
@@materangics6984 may be you can use other drive instead of deleting local-lvm. Ask chatgpt, it ca help you better asi have not used proxmox for a long time
thank u dude
great appreciation for Your hardworking. Highly Recommended.
when i get CSRF token and then login, it always showing 419 unknow status.
@@salmanqazi2926 set axios withCredientials to true make sure the session domain in laravel is the domain of your frontend
Thanks for this vidéo ! I was stuck with no space and now all my ssd can be used ! Thank you !
This is good tutorial but i think you can't access the DB with env credential. What do you think? Because database is stored in online hosting service . I think its not possible
DB has to be enabled to be accessible over the internet. Most DBs are only accessible over the localhost and the website has to be hosted on the same server.
@@WebMentorDev THen its mean if the DBs are only accessible over the localhost we can't access them?
@@WebMentorDev Basically I'm new to laravel. many client ka project bana or deploy kar deya. ab agr kissi kay pass us ki env file a gi tu wo kis tarha db access kar sakta h. baki credential ki baate tu smaj atti h.
@@emali1683 env file say App_key hei jis ko use kr k password encrypt hoon gaay. agar wo key mil jay or db access ho jay to decrypt ho jaain gaay password. Most developers same DB or projects k sath b use krty hein is k liay over the internet access enable krna hota hei. Aksar 3rd party service like AWS RDS ya SMTP us k credientials b env file mein hoty hein. wo phir easily access ho jaya hei
@@emali1683 you have to enable the access other than localhost otherwise DB like mysql is only accessible on localhost
bhai maine server bna liya but agar mujhe apne server ka access mere friend ko dena hai to kaise de ? taki wo server on kar ske
@@TECH__SHUBHAM serverhosting pay hei to port say access ho ga. agar pc pay bnaya hei to ap ko static ip shaye ISP say. us k through access ho ga
@@WebMentorDev server banane ke baad friend ko kaise add kare
@@TECH__SHUBHAM server mein admin add ka game admin docs say pta chaly ga. Server access system pay depend krta hei
@@WebMentorDev samjha nhi aaya
@@WebMentorDev main server me join kar liya aur acche se chal bhi rha hai but agar friends ko add karna hai to kaise karu
ark ki server kaise banaye
@@TECH__SHUBHAM steam ki game list check karin. agar wahan ho ga to ap ko script b mil jay gi
@@WebMentorDev hai waha par kya aapne jo tutorial diya hai rust ka uske help se ark server ban skta hai
@@TECH__SHUBHAM her game k server ko start krnay ka tarika hota hei. rust ki apni commands hein or ark ki apni hoon gi.
@@WebMentorDev can you please help me to find script for ark
@@TECH__SHUBHAM hub.tcno.co/games/asa/dedicated_server/#:~:text=You%20can%20now%20download%20and,on%20another%20account%20%2D%20like%20before.
up
can you make some simple project with laravel/nuxt/auth
i can but i can not promise because it takes time to record and edit. There is other work still pending. I will try my best to make something out of Nuxt & Laravel 🙂
awesome video bhai, im your new subscriber please make complete ecommerce project with livewire
simple, short and awesome video
thanks for creating best playlist
perfect :)
thank you very much, please make more laravel nuxt project examples
letsss gooo
Just WOW
Wow. Finally understood the authentication with breeze API. Everyone was using the custom auth routes and controller but you explained it very well.
Thanks man! much appreciated!
Where i Can create PHP files plz tell me bro
@@bd14385 template php files are created inside the resources/views folder. .phl files depends on the functionality you want to take.
please share the livewire project playlist link
Thanks this was a big help for me. tobad i wasted a few hours trying to do it anouther way with vnc
DOST static ip live kase kare
@@WALOGAMERZ0 linux mein ya overall internet?
Thank you
subscribe too bantaa hai. zabardast video.
You saved my life! Thank you so much!
nice video
bro my bot is not going online only showing resart
@@DarkuSAMA they have updated the discordjs long time ago. the way you initialize the bot is different you should checkout the guide on discordjs guide
Thank you for your information ❤❤❤
Next time, please talk even faster. I was able to follow to some instructions in this video.
@@SkysimAir increase playback speed. Easy
Love from india brother keep it up ❤🎉
Good job👍👍
thanks a lot, sir.....for starting the Nuxt 3 series....plz sir keep continuing this series with real-world projects like HTML them to Nuxt 3 convert, etc......Thanks once again......🙂
sanctum vs breez for laravel api?
@@perfectwebsolutions breeze is the starter kit. We used breeze starter kit to install sanctum and optimized the code for api only
@@WebMentorDev can't we use sanctum without using any other starter kit? because sanctum itself called a starter kit used for API or token based authentication?
@@perfectwebsolutions we can but breeze itself is not the api. breeze uses sanctum api but it optimizes the project for frontend. Like the password reset links e.t.c, they will have the frontend links in the emails. Breeze api also remove all the blade templates from the code
@@WebMentorDev ohh Ook so you will build frontend for password reset and email verification etc in laravel not using API
@@perfectwebsolutions yes that's why we have Laravel API. Why should we use Laravel blade template when we are using Nuxt 3 or any frontend framework? it defeats the whole purpose of having a frontend framework if you are dividing the code. We always keep webpages on frontend framework (Vue,Nuxt,Next,React e.t.c) and use backend system on backend code (Php, laravel, Django, python e.t.c)
Connection timed out
if just linked the domain to the cloudflare then you have to wait for it to complete the propagation
Agar ufw disable kar dun, to kea ssh port, or baki sab port off ho Jain gay?
nhi. ufw disable karin gaay to is ka matlab hei k firewall open ho jay gi. or sari ports work karin gi
@@WebMentorDev Bhai please ek command bata do, ek ip address say Heavy trafic aaraha, Server crash ho raha, wo ip ko teen jagah block karna h, port 53, port 443, port 80 please command bata do. i'm new to use UFW.
@@salexkorsan8790 ip tables use kr k traffic block kr do. ChatGPT use kr k command create kr lo. UFW sirf ports ko allow or deny krta hei, traffic block nhi krta. UFW say port ya access ho gi ya nhi, traffic block nhi hoti agar allow hei / port opne hei. IP tables traffic block krany k liay use hota hei. IP tables mein jo IP attack kr rahi hei wo ya us ka subnet disallow kr do. Agar DDoS ho rha hei to domain k sath cloudflare laga lo or IP tables mein sirf Cloudflare ki IPs allow or do. Easy fix hei
@@WebMentorDev Thank you Brother.♥
Good guide.
Write a code for getting single value with Where clause and use pagination for it Like select *from employee where CONCAT(city,district,state) like %location% limit $offset,$limit;
Nice tutorial sir
thank you so much wAS STUCK FOR HOURS
facing notification:2330 Uncaught TypeError: Cannot read properties of undefined (reading 'on') at notification:2330:31
explain more please
Hi Mate, I think I have made an error in typing and now i am facing kvm: -vnc 0.0.0.0:80.password=on: Invalid parameter '0.0.0.0:80.password' TASK ERROR: start failed: QEMU exited with code 1 this error. My VM is now not booting up due to this error. Can you please guide me how can I fix this ? Thanks
Hi. sorry, your comment was held for review. You have to check if the command is correct. As i explained in the video, if you restart the server PVE / node, you have to reassign the pass again. May be that have changed it in the new version so i don't have the info about that.
bro thanks........I was struggling with this problem
Wow, thanks for making this video, nice and easy, I almost spent money unnecessarily on a new SSD
We don't understand you
if you are talking about language then the whole series is in urdu and hindi. This series is outdated