WebMentor
WebMentor
  • 489
  • 198 364
SSR vs CSR vs Universal Rendering | Nuxt 3 Tutorials #35 | Urdu & Hindi
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 then renders the page dynamically on the client side, resulting in slower initial loads but faster subsequent interactions.
Universal (or Hybrid) Rendering: Combines SSR and CSR, where the initial page is rendered on the server for faster loading, then subsequent interactions are handled via CSR for a more dynamic experience.
🧲 Timestamps:
00:00 - Introduction
00:18 - SSR (Server Side Render)
01:16 - CSR (Client Side Render)
03:00 - Universal Rendering
03:53 - Nuxt Rendering Tips
05:51 - 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 :)
Переглядів: 15

Відео

Calling or Reading RESTFul APIs Data | Nuxt 3 Tutorials #34 | Urdu & Hindi
Переглядів 2412 годин тому
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
Переглядів 29День тому
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
Переглядів 1414 днів тому
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
Переглядів 2314 днів тому
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
Переглядів 6521 день тому
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
Переглядів 23Місяць тому
In this video, you will learn how to create layouts in Nuxt 3. 🧲 Timestamps: 00:00 - Introduction 00:57 - Create Default Layout 02:03 - Create Multiple layouts 03:01 - Apply Layout 03:46 - 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, Pocket...
Dispatch (Emit) Events | Nuxt 3 Tutorials #28 | Urdu & Hindi
Переглядів 51Місяць тому
In this video, you will learn how to dispatch events in Nuxt 3. We use $emit to emit events from a component and catch or accept them in a parent page/component to change a value or run a function. 🧲 Timestamps: 00:00 - Introduction 01:04 - Create item component 01:52 - Using $emit - Direct click 02:27 - Read $emit 02:54 - Passing Value with $emit 03:36 - Multiple Arguments 03:45 - Emit functio...
Component Slots | Nuxt 3 Tutorials #27 | Urdu & Hindi
Переглядів 19Місяць тому
In this video, you will learn how to use component slots in Nuxt 3. Slots are used to pass content, like HTML tags, from a parent component to a child component. While props are useful for passing smaller pieces of data, slots are a better option for passing larger amounts of content to a component. 🧲 Timestamps: 00:00 - Introduction 00:30 - Using Slot 01:36 - Conclusion 🧲 Checkout our projects...
Component Prop Types | Nuxt 3 Tutorials #26 | Urdu & Hindi
Переглядів 25Місяць тому
In this video, you will learn how to specify prop types in Nuxt 3. By default, you can pass any kind of prop to a component, but if you want to specify the prop type, you can do so using JavaScript types. 🧲 Timestamps: 00:00 - Introduction 00:27 - Define Prop type 00:50 - Binding Props 01:17 - Reading object 01:46 - Multiple prop type 🧲 Checkout our projects at GitHub: github.com/webmentordev 🧲...
Component Props | Nuxt 3 Tutorials #25 | Urdu & Hindi
Переглядів 22Місяць тому
In this video, you will learn how to pass data to a component using props in Nuxt 3. Props are useful when you want to pass data from a parent component to a child component. You can also customize prop values as needed. 🧲 Timestamps: 00:00 - Introduction 00:38 - Passing a prop 00:48 - Read props 01:16 - Multiple props 01:38 - Conclusion 🧲 Checkout our projects at GitHub: github.com/webmentorde...
Nuxt Components | Nuxt 3 Tutorials #24 | Urdu & Hindi
Переглядів 24Місяць тому
In this video, you will learn how to create components in Nuxt 3. We create reusable components to avoid coding the same elements or templates on multiple pages. For example, a navbar is shown on multiple pages, so we can create a navbar component. This way, when we make changes to the navbar, they will be reflected on all pages. Components reduce code. 🧲 Timestamps: 00:00 - Introduction 00:45 ...
Navigation and NuxtLink | Nuxt 3 Tutorials #23 | Urdu & Hindi
Переглядів 12Місяць тому
In this video, you will learn how to create navigation and use NuxtLink in Nuxt 3. Nuxt does not use the standard a or hyperlink tags for navigation. Instead, it uses its own NuxtLink or nuxt-link tag, which is used with a "to" attribute to navigate to different pages. The NuxtLink tag does not use the href attribute as we usually do in HTML. 🧲 Timestamps: 00:00 - Introduction 00:11 - Create Na...
Nuxt Dynamic Routes | Nuxt 3 Tutorials #22 | Urdu & Hindi
Переглядів 29Місяць тому
In this video, you will learn how to create dynamic routes in Nuxt 3. Dynamic routes mean that part of the route will change and can be accessed using the useRoute function. For example, a post URL or slug will always change with the post, like /blog/post-1 and /blog/post-2. The "blog" part stays the same, but the end part, the slug, is dynamic. 🧲 Timestamps: 00:00 - Introduction 00:46 - Create...
Nested Pages & Routes | Nuxt 3 Tutorials #21 | Urdu & Hindi
Переглядів 20Місяць тому
In this video, you will learn how to create nested routes and pages in Nuxt 3. The concept is simple: folders are considered routes as well. If you create a file in a folder, the folder name will be included before the file name in the route. If you want to create a file for the folder itself, create an index file, which will be served under the folder name. 🧲 Timestamps: 00:00 - Introduction 0...
Nuxt Pages & Routing | Nuxt 3 Tutorials #20 | Urdu & Hindi
Переглядів 26Місяць тому
Nuxt Pages & Routing | Nuxt 3 Tutorials #20 | Urdu & Hindi
Data Binding With Attributes | Nuxt 3 Tutorials #19 | Urdu & Hindi
Переглядів 19Місяць тому
Data Binding With Attributes | Nuxt 3 Tutorials #19 | Urdu & Hindi
Page Favicon & Link Tags | Nuxt 3 Tutorials #18 | Urdu & Hindi
Переглядів 542 місяці тому
Page Favicon & Link Tags | Nuxt 3 Tutorials #18 | Urdu & Hindi
Meta Tags and Page Title | Nuxt 3 Tutorials #17 | Urdu & Hindi
Переглядів 352 місяці тому
Meta Tags and Page Title | Nuxt 3 Tutorials #17 | Urdu & Hindi
Serve Static Images | Nuxt 3 Tutorials #16 | Urdu & Hindi
Переглядів 232 місяці тому
Serve Static Images | Nuxt 3 Tutorials #16 | Urdu & Hindi
Icons (Link & Module)| Nuxt 3 Tutorials #15 | Urdu & Hindi
Переглядів 222 місяці тому
Icons (Link & Module)| Nuxt 3 Tutorials #15 | Urdu & Hindi
Using Google and File Fonts | Nuxt 3 Tutorials #14 | Urdu & Hindi
Переглядів 1042 місяці тому
Using Google and File Fonts | Nuxt 3 Tutorials #14 | Urdu & Hindi
Install TailwindCSS Module | Nuxt 3 Tutorials #13 | Urdu & Hindi
Переглядів 352 місяці тому
Install TailwindCSS Module | Nuxt 3 Tutorials #13 | Urdu & Hindi
Nuxt Modules Explained | Nuxt 3 Tutorials #12 | Urdu & Hindi
Переглядів 362 місяці тому
Nuxt Modules Explained | Nuxt 3 Tutorials #12 | Urdu & Hindi
.env file (Environment Variables)| Nuxt 3 Tutorials #11 | Urdu & Hindi
Переглядів 662 місяці тому
.env file (Environment Variables)| Nuxt 3 Tutorials #11 | Urdu & Hindi
Nuxt Runtime Config | Nuxt 3 Tutorials #10 | Urdu & Hindi
Переглядів 392 місяці тому
Nuxt Runtime Config | Nuxt 3 Tutorials #10 | Urdu & Hindi
Remove Todo List Items (Exercise) | Nuxt 3 Tutorials #09 | Urdu & Hindi
Переглядів 342 місяці тому
Remove Todo List Items (Exercise) | Nuxt 3 Tutorials #09 | Urdu & Hindi
Create Todo List (Exercise) | Nuxt 3 Tutorials #08 | Urdu & Hindi
Переглядів 372 місяці тому
Create Todo List (Exercise) | Nuxt 3 Tutorials #08 | Urdu & Hindi
V If Conditions | Nuxt 3 Tutorials #01 | Urdu & Hindi
Переглядів 262 місяці тому
V If Conditions | Nuxt 3 Tutorials #01 | Urdu & Hindi
V For Loop | Nuxt 3 Tutorials #06 | Urdu & Hindi
Переглядів 212 місяці тому
V For Loop | Nuxt 3 Tutorials #06 | Urdu & Hindi

КОМЕНТАРІ

  • @emali1683
    @emali1683 4 дні тому

    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

    • @WebMentorDev
      @WebMentorDev 4 дні тому

      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.

    • @emali1683
      @emali1683 4 дні тому

      @@WebMentorDev THen its mean if the DBs are only accessible over the localhost we can't access them?

    • @emali1683
      @emali1683 4 дні тому

      @@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.

    • @WebMentorDev
      @WebMentorDev 4 дні тому

      @@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

    • @WebMentorDev
      @WebMentorDev 4 дні тому

      @@emali1683 you have to enable the access other than localhost otherwise DB like mysql is only accessible on localhost

  • @TECH__SHUBHAM
    @TECH__SHUBHAM 13 днів тому

    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

    • @WebMentorDev
      @WebMentorDev 13 днів тому

      @@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

    • @TECH__SHUBHAM
      @TECH__SHUBHAM 13 днів тому

      @@WebMentorDev server banane ke baad friend ko kaise add kare

    • @WebMentorDev
      @WebMentorDev 13 днів тому

      @@TECH__SHUBHAM server mein admin add ka game admin docs say pta chaly ga. Server access system pay depend krta hei

    • @TECH__SHUBHAM
      @TECH__SHUBHAM 13 днів тому

      @@WebMentorDev samjha nhi aaya

    • @TECH__SHUBHAM
      @TECH__SHUBHAM 13 днів тому

      @@WebMentorDev main server me join kar liya aur acche se chal bhi rha hai but agar friends ko add karna hai to kaise karu

  • @TECH__SHUBHAM
    @TECH__SHUBHAM 13 днів тому

    ark ki server kaise banaye

    • @WebMentorDev
      @WebMentorDev 13 днів тому

      @@TECH__SHUBHAM steam ki game list check karin. agar wahan ho ga to ap ko script b mil jay gi

    • @TECH__SHUBHAM
      @TECH__SHUBHAM 13 днів тому

      @@WebMentorDev hai waha par kya aapne jo tutorial diya hai rust ka uske help se ark server ban skta hai

    • @WebMentorDev
      @WebMentorDev 13 днів тому

      @@TECH__SHUBHAM her game k server ko start krnay ka tarika hota hei. rust ki apni commands hein or ark ki apni hoon gi.

    • @TECH__SHUBHAM
      @TECH__SHUBHAM 13 днів тому

      @@WebMentorDev can you please help me to find script for ark

    • @WebMentorDev
      @WebMentorDev 13 днів тому

      @@TECH__SHUBHAM hub.tcno.co/games/asa/dedicated_server/#:~:text=You%20can%20now%20download%20and,on%20another%20account%20%2D%20like%20before.

  • @justasarbatauskis9044
    @justasarbatauskis9044 14 днів тому

    up

  • @justasarbatauskis9044
    @justasarbatauskis9044 14 днів тому

    can you make some simple project with laravel/nuxt/auth

    • @WebMentorDev
      @WebMentorDev 14 днів тому

      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 🙂

  • @colorful_nature_4131
    @colorful_nature_4131 21 день тому

    awesome video bhai, im your new subscriber please make complete ecommerce project with livewire

  • @NilanjanChakraborty-i4l
    @NilanjanChakraborty-i4l 28 днів тому

    simple, short and awesome video

  • @Muhammadijaz-pt4td
    @Muhammadijaz-pt4td 28 днів тому

    thanks for creating best playlist

  • @Muhammadijaz-pt4td
    @Muhammadijaz-pt4td 28 днів тому

    perfect :)

  • @justasarbatauskis9044
    @justasarbatauskis9044 29 днів тому

    thank you very much, please make more laravel nuxt project examples

  • @justasarbatauskis9044
    @justasarbatauskis9044 29 днів тому

    letsss gooo

  • @scientistakasha7293
    @scientistakasha7293 Місяць тому

    Just WOW

  • @Shahzaib_943
    @Shahzaib_943 Місяць тому

    Wow. Finally understood the authentication with breeze API. Everyone was using the custom auth routes and controller but you explained it very well.

  • @upByNune
    @upByNune Місяць тому

    Thanks man! much appreciated!

  • @bd14385
    @bd14385 Місяць тому

    Where i Can create PHP files plz tell me bro

    • @WebMentorDev
      @WebMentorDev Місяць тому

      @@bd14385 template php files are created inside the resources/views folder. .phl files depends on the functionality you want to take.

  • @anasrajput9379
    @anasrajput9379 Місяць тому

    please share the livewire project playlist link

  • @umad0p
    @umad0p Місяць тому

    Thanks this was a big help for me. tobad i wasted a few hours trying to do it anouther way with vnc

  • @WALOGAMERZ0
    @WALOGAMERZ0 Місяць тому

    DOST static ip live kase kare

    • @WebMentorDev
      @WebMentorDev Місяць тому

      @@WALOGAMERZ0 linux mein ya overall internet?

  • @utkucanbars1453
    @utkucanbars1453 Місяць тому

    Thank you

  • @khanaqib7871
    @khanaqib7871 Місяць тому

    subscribe too bantaa hai. zabardast video.

  • @minhduc8a21
    @minhduc8a21 2 місяці тому

    You saved my life! Thank you so much!

  • @dubey27pratyush
    @dubey27pratyush 2 місяці тому

    nice video

  • @DarkuSAMA
    @DarkuSAMA 2 місяці тому

    bro my bot is not going online only showing resart

    • @WebMentorDev
      @WebMentorDev 2 місяці тому

      @@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

  • @abaaulazahiq6840
    @abaaulazahiq6840 2 місяці тому

    Thank you for your information ❤❤❤

  • @SkysimAir
    @SkysimAir 2 місяці тому

    Next time, please talk even faster. I was able to follow to some instructions in this video.

    • @WebMentorDev
      @WebMentorDev 2 місяці тому

      @@SkysimAir increase playback speed. Easy

  • @quick-bytes
    @quick-bytes 2 місяці тому

    Love from india brother keep it up ❤🎉

  • @anansoft1260
    @anansoft1260 2 місяці тому

    Good job👍👍

  • @miltonchowdhury4016
    @miltonchowdhury4016 2 місяці тому

    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......🙂

  • @perfectwebsolutions
    @perfectwebsolutions 2 місяці тому

    sanctum vs breez for laravel api?

    • @WebMentorDev
      @WebMentorDev 2 місяці тому

      @@perfectwebsolutions breeze is the starter kit. We used breeze starter kit to install sanctum and optimized the code for api only

    • @perfectwebsolutions
      @perfectwebsolutions 2 місяці тому

      @@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?

    • @WebMentorDev
      @WebMentorDev 2 місяці тому

      @@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

    • @perfectwebsolutions
      @perfectwebsolutions 2 місяці тому

      @@WebMentorDev ohh Ook so you will build frontend for password reset and email verification etc in laravel not using API

    • @WebMentorDev
      @WebMentorDev 2 місяці тому

      @@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)

  • @abhishekushwahaa
    @abhishekushwahaa 2 місяці тому

    Connection timed out

    • @WebMentorDev
      @WebMentorDev 2 місяці тому

      if just linked the domain to the cloudflare then you have to wait for it to complete the propagation

  • @salexkorsan8790
    @salexkorsan8790 3 місяці тому

    Agar ufw disable kar dun, to kea ssh port, or baki sab port off ho Jain gay?

    • @WebMentorDev
      @WebMentorDev 3 місяці тому

      nhi. ufw disable karin gaay to is ka matlab hei k firewall open ho jay gi. or sari ports work karin gi

    • @salexkorsan8790
      @salexkorsan8790 3 місяці тому

      @@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.

    • @WebMentorDev
      @WebMentorDev 3 місяці тому

      @@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

    • @salexkorsan8790
      @salexkorsan8790 3 місяці тому

      @@WebMentorDev Thank you Brother.♥

  • @YannMetalhead
    @YannMetalhead 3 місяці тому

    Good guide.

  • @pinkugautam1230
    @pinkugautam1230 3 місяці тому

    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;

  • @user-ed6pw4hh6q
    @user-ed6pw4hh6q 3 місяці тому

    Nice tutorial sir

  • @gmancodes
    @gmancodes 3 місяці тому

    thank you so much wAS STUCK FOR HOURS

  • @waqarmughal4489
    @waqarmughal4489 3 місяці тому

    facing notification:2330 Uncaught TypeError: Cannot read properties of undefined (reading 'on') at notification:2330:31

  • @sammyhussainy3857
    @sammyhussainy3857 3 місяці тому

    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

    • @WebMentorDev
      @WebMentorDev 3 місяці тому

      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.

  • @fairislamicyt
    @fairislamicyt 3 місяці тому

    bro thanks........I was struggling with this problem

  • @sking379
    @sking379 3 місяці тому

    Wow, thanks for making this video, nice and easy, I almost spent money unnecessarily on a new SSD

  • @StixkGamesYT
    @StixkGamesYT 3 місяці тому

    We don't understand you

    • @WebMentorDev
      @WebMentorDev 3 місяці тому

      if you are talking about language then the whole series is in urdu and hindi. This series is outdated

  • @foryou8628
    @foryou8628 3 місяці тому

    Hi brother, I'm from Nepal I came across your channel today and have been checking out your playlists and videos. I must say, the explanations you provide are very well-done. You truly deserve more views and subscribers, and I encourage you to keep up the great work with your continued uploads. I'll be sure to start following your channel from today onward. I appreciate the effort.

    • @WebMentorDev
      @WebMentorDev 3 місяці тому

      Really appreciate it. Thank you so much for kind words 🙂

  • @EduardoAraujoRibeiro
    @EduardoAraujoRibeiro 3 місяці тому

    Hello, I'm encountering an issue where the `[sitename]_session` cookie isn't being set when I send requests using `useFetch` in Nuxt 3 to a Laravel 11 backend server. Do you have any suggestions on how to resolve this?

    • @WebMentorDev
      @WebMentorDev 3 місяці тому

      are you using useFetch in a function like click the button and call api?

  • @boxerbhai5282
    @boxerbhai5282 4 місяці тому

    Where u install ssl ?

    • @WebMentorDev
      @WebMentorDev 4 місяці тому

      Cloudflare does it automatically

    • @boxerbhai5282
      @boxerbhai5282 4 місяці тому

      @@WebMentorDev great, thanks bro

    • @WebMentorDev
      @WebMentorDev 4 місяці тому

      @@boxerbhai5282 when you add the dns records, you have to enable the proxy for each record to make it work

  • @Not_Aran8276
    @Not_Aran8276 4 місяці тому

    I completely have no idea a single word you said in the video, but thanks to the UA-cam auto-generated subtitles and translating it to English, I see what you meant and followed through the video.

    • @WebMentorDev
      @WebMentorDev 4 місяці тому

      Actually, there are many tutorials in English on the same topics, so I create content in my own language, which is Urdu/Hindi, for a specific audience. It is a good thing that UA-cam can auto-generate subtitles and translate.

    • @Not_Aran8276
      @Not_Aran8276 4 місяці тому

      @@WebMentorDev There are some that's pretty similar to this, like using lightsail instead of EC2 (probably the same as the EC2 but not sure since I'm still new to this) but I'm here looking for EXACTLY using AWS EC2 Instance, Cloudflare, Registrar such as GoDaddy / Hostinger / Namecheap "stack", which unless if UA-cam done a terrible job on the search algorithm, then the only video that I'm looking for is only this one. Again, I'm still new to being a server sysadmin and I want to find something that has the exact stack as my existing project to be "updated" or "upgraded" and I don't want to mess things up by following tutorial that probably isn't meant for my project (on top of that, they're not even explaining it properly) and waste even more time debugging. But anyways, thanks for the tutorial, tryna develop a MERN full-stack website for my uncle's traveling business and deploy the website manually by myself, since the old website my uncle has is a poorly written blogspot from 2011 lol

    • @WebMentorDev
      @WebMentorDev 4 місяці тому

      @@Not_Aran8276 BTW AWS EC2 are default DDoS protected with AWS Shield so don't worry about DDoS attacks. If you want SSL certificate, then use certbot. Certbot will assign SSL certificates and auto renew them on expire. Suggesting it for learning purpose.

    • @Not_Aran8276
      @Not_Aran8276 4 місяці тому

      @@WebMentorDev Ah I see. I guess I’m just going to install Cloudflare for my website to look “more professional” since many websites use it, and might as well add an unnecessary double protection if somehow the Amazon Shield don’t do it’s job. Also perhaps that’s why there aren’t many videos showing how to do this. Oh yeah on top of that, I’d prefer for people to not enter my website through public the IPv4 address taken from tracert and throws a “Direct IP access not allowed”. Unless if AWS had something like this which I need a little more research, then I’ll just stick to Cloudflare.

  • @poornaeswar5071
    @poornaeswar5071 4 місяці тому

    thank you, it's working fine

  • @mywebsite
    @mywebsite 4 місяці тому

    Change your playlist name "laravel 11 with Next 3" Something like that 😊

  • @prolifier1
    @prolifier1 4 місяці тому

    still not working

    • @WebMentorDev
      @WebMentorDev 4 місяці тому

      may be you have a different issue with npm

  • @perfectwebsolutions
    @perfectwebsolutions 4 місяці тому

    there is problem in this login code on timeline 1:05 you need to check ti with AND not with OR because in OR if any of 2 condition become true it will not check the password it will directly generate the token on line 52

    • @WebMentorDev
      @WebMentorDev 4 місяці тому

      if you see that's the purpose. We used ! in both conditions. If email is not found then return the error. If password check is not found then return the error. If one of both condition is false then return the error

    • @perfectwebsolutions
      @perfectwebsolutions 4 місяці тому

      @@WebMentorDev Ok Got it, i was confused that how it's going to check the password

    • @WebMentorDev
      @WebMentorDev 4 місяці тому

      @@perfectwebsolutions ho gi condition check. Email wali condition email k na milnay pay true ho gi. Tested code hei, don't worry.

  • @mywebsite
    @mywebsite 4 місяці тому

    Good I'll suggest this video to you team.

  • @mywebsite
    @mywebsite 4 місяці тому

    Good job, i already know about both technology, but I like your teaching skills. Keep it up