I love your straightforward approach to explaining the content, some people seem to be more interested in speaking than teaching. Great job. Thank you!!
I've been looking for how to do this for months. Cause mine always showed that error. God bless you lady. 😘 Many people dont even bother teaching their viewers how tondo it asif they dont know that people are beginners in all these. Tech things. Thanks. Now I can share my site for testing with my friends.
Wow!!!! This is super helpful. Thank you! I love the fact that I can see my website in real-time on my MacBook, iPad and iPhone. I also love that I don't have to refresh to see the changes. Subscribed.
in vite, you should write npm run dev -- --host (instead of only npm run dev, add double hyphen space then --host ) so you can visit in mobile / local network.
just to clarify for others since this took me a bit to figure out, the full line of code to run is: npm run dev -- --host you need the double hyphens twice, otherwise it won't show you the IP.
What to do if we want to test the complete application? I am able to access the vite frontend, but when i try to use functionality like Login in vite application which makes use of express backend for api I am not able to do this function.
The one who is facing same problem after all the steps... Maybe your wifi network is selected as public network in wifi settings , change it to private It worked for me ✨️
Awesome, thank you very much, I needed videos like these to help me with my problem to know if my application will work well on my cell phone. A big hug, I'm really enjoying your channel.
i had the "this site is unreachable " problem and i searched the internet and i couldn't find any solution ...that was really helpfull vedio for me thanks
I already studied all of this in a networking course, but I somehow forgot it all. Watching your video when I was wondering about how to answer this specific question, I felt kinda stupid because of how obvious it is for someone who should supposedly know how networks work... Thank you
Thank you so much for this amazing video! It was incredibly helpful and made everything so much clearer. Your explanations are always on point. Keep up the great work!
What to do if we want to test the complete application? I am able to access the vite frontend, but when i try to use functionality like Login in vite application which makes use of express backend for api I am not able to do this function.
thanks to you ma'am now I can test my website in my phone I was trying same procedure before but unable to get any results because of errors you mentioned but I followed your instructions and bravo I got it
In Vite, you can add the following and when running npm run dev, it will show the localhost as well as local network address: export default defineConfig({ plugins: [react()], server: { host: true, }, });
Thank you this is a great solution that I've only found out about recently. I tried to use virtual android but my PC isn't that powerful enough so the vitual phone tends to hang. Now this method is so much faster using my own phone to view the apps I'm trying to format for mobile.
Thank you very very much for this little hack because it helps so much. My browser side of mobile development was not actually showing me how the website would look on a smaller screen. Now I can see it without deploying on both of my screens on an android and an iPhone thank you so much.
Thank you for this tutorial, this was the first time I did this! Note for anyone using their phone as a hotspot: it doesn't work if you tey to load the website on the same phone you are using as your internet source. But! I am still learning so maybe it is possible somehow? You have to have your computer and phone both connected to the same wifi source.
Thank you. Its so usefull. I wished me that in my last editor and was very blessed when I saw it right now. Pretty cool. Last but not least I am a big Fan of your funny faces. You are awesome. Peace & Love from Germany.
Thanks for the helpful tip for finding the ip address to use to connect with my phone. I wasn't sure it was going to work, because my laptop is on a hotspot on the same phone I wanted to use, but it did!
Yes. But if your web app does some special stuff like opening camera or mic stuff it might be good to check on the device to ensure the mobile browser api is working as expected.
Cool. I opened those ports in Defender but it's just not working. I see the IP address from ipconfig used is on a WiFi adapter but I'm wondering if this is possible when my dev machine is connected to my router via Ethernet cable and my phone and tablet connect to the same router over WiFi?
On Mac and with an iPhone I can only get this to work if my iPhone has hotspot sharing enabled and both devices use my phones hotspot for wifi. If you can't get it working for iPhone and Mac, try that approach.
I love your straightforward approach to explaining the content, some people seem to be more interested in speaking than teaching. Great job. Thank you!!
This right here might be one of the most handy video I've seen so far as a junior. Thanks!!
This is THE MOST useful tutorial on RUclips. Period
I've been scratching my head for days to put website on my local network. Thank you so much for this video.
I've been looking for how to do this for months.
Cause mine always showed that error.
God bless you lady. 😘
Many people dont even bother teaching their viewers how tondo it asif they dont know that people are beginners in all these. Tech things.
Thanks.
Now I can share my site for testing with my friends.
Wow!!!! This is super helpful. Thank you! I love the fact that I can see my website in real-time on my MacBook, iPad and iPhone. I also love that I don't have to refresh to see the changes. Subscribed.
in vite, you should write npm run dev -- --host
(instead of only npm run dev, add double hyphen space then --host )
so you can visit in mobile / local network.
just to clarify for others since this took me a bit to figure out, the full line of code to run is:
npm run dev -- --host
you need the double hyphens twice, otherwise it won't show you the IP.
@@I.Love.Kishka thanks, this is so correct npm run dev -- --host (double hyphens twice)
What to do if we want to test the complete application? I am able to access the vite frontend, but when i try to use functionality like Login in vite application which makes use of express backend for api I am not able to do this function.
The one who is facing same problem after all the steps...
Maybe your wifi network is selected as public network in wifi settings , change it to private
It worked for me ✨️
Holy shit, thank you! No one mentioned this, and it was driving me crazy. Working fine now!
Thank you 😂
thank you!!!
where did you change it? is it on pc or phone?
Awesome, thank you very much, I needed videos like these to help me with my problem to know if my application will work well on my cell phone. A big hug, I'm really enjoying your channel.
i had the "this site is unreachable " problem and i searched the internet and i couldn't find any solution ...that was really helpfull vedio for me thanks
My Number 1 inspiration here in youtube. Hoping to be just like you in the future :) sending love from Philippines.
thanks to this, I was able to get my website looking perfect for mobile devices in no time! This trick was a life saver.
Wow, really simple but very very useful. Thank you for the clear, concise explanation.
wow, with another pc, laptop, tablet, smart phone. You are amazing! Thank you!
I already studied all of this in a networking course, but I somehow forgot it all.
Watching your video when I was wondering about how to answer this specific question, I felt kinda stupid because of how obvious it is for someone who should supposedly know how networks work...
Thank you
There are people downloading sketchy and not super secure softwares. In order to do this, excellent video!
Thanks for watching!
Miss your content so much ! Finally !😍
Thank you so much for this amazing video! It was incredibly helpful and made everything so much clearer. Your explanations are always on point. Keep up the great work!
Great timing Coder Coder. I was going to research a solution for this problem. You’ve saved me lots of time. Thanks for sharing.
I use ngrok for all my testing. Great way as well!
Ngrok much love
Ya it much simple and we can use it on outside of the home network
Me three!!
yes! but just for testing purpose it's the best method
Yap Ngrok is really amazing.
What to do if we want to test the complete application? I am able to access the vite frontend, but when i try to use functionality like Login in vite application which makes use of express backend for api I am not able to do this function.
thanks to you ma'am now I can test my website in my phone I was trying same procedure before but unable to get any results because of errors you mentioned but I followed your instructions and bravo I got it
In Vite, you can add the following and when running npm run dev, it will show the localhost as well as local network address:
export default defineConfig({
plugins: [react()],
server: {
host: true,
},
});
One of the best useful tutorial I have ever seen. Thank you 🙂
Thank you this is a great solution that I've only found out about recently. I tried to use virtual android but my PC isn't that powerful enough so the vitual phone tends to hang. Now this method is so much faster using my own phone to view the apps I'm trying to format for mobile.
Thank you very very much for this little hack because it helps so much. My browser side of mobile development was not actually showing me how the website would look on a smaller screen. Now I can see it without deploying on both of my screens on an android and an iPhone thank you so much.
Nicely done! This was super helpful. Cool Steam Deck btw!
Thankyou for such a good explanation, this eill come very useful for most of web devs. Also you are look so cute!
excellent content and format, I loved watching it.
Amazing content, very concise and perfectly clear.
It is very concise
When I enter ip address with port number the browser didn’t show anything it just reloads
Please help
Good to see your beautiful face my girl is getting on pace 🤩.keep posting more frequently.
Thank You for uploading this video. It saves my life in web development
I am learning coding...And this was so helpful. Thank you so much. Super useful!!!
What the!!! It worked!!!!.... You just made my life a whole lot easier...
🤠 You are always bringing great content!😃 Jessica the greatest!!!🥳🥳💛💛
Thank you for this tutorial, this was the first time I did this! Note for anyone using their phone as a hotspot: it doesn't work if you tey to load the website on the same phone you are using as your internet source. But! I am still learning so maybe it is possible somehow? You have to have your computer and phone both connected to the same wifi source.
Finally you are back!
Thanks a lot, really appreciate all the hard work you put in these lessons. Clear and straight to the point
I been using the Live Server For I while, and I never thought on testing this way, Well thanks for the information.
works amazing, thanks helped me troubleshoot my mobile layout
Thank you. Its so usefull. I wished me that in my last editor and was very blessed when I saw it right now. Pretty cool. Last but not least I am a big Fan of your funny faces. You are awesome. Peace & Love from Germany.
How did you get the monitor scroll when scrolling on your phone 0:03 ?
Using her mouse scroll 😮
I been learning for quite some time. And didnt know that you can connect with phone that easy... Ty. xD
OMG I REALY NEED THIS AND IT'S WORK THANK YOU FOR THIS INFO,APPRECIATE IT
Very helpful, works a treat on iPhone and iPad with VSCode running in Linux on an ancient old laptop. Thanks very much!
how did you do it for mac? i used ipconfig getifaddr en0 and then opened the ip adress on phone/ipad and it isnt working
havent seen a more important video, thanks
04:37 thank you very much, now i can access my localhost on my Android.
Always comes up with great content.
Just cool stuffs. 😎
Really i was in urgent need of the same thing and this video completely helped me. Thank you so much for this video.
Amazing information which hardly anyone was knowing
Cool tutorial. Sadly I didn't get it to work even after changing firewall settings.
you have to make your wlan network connection "privat". Your connection is probaby on "public".
Thanks for the helpful tip for finding the ip address to use to connect with my phone. I wasn't sure it was going to work, because my laptop is on a hotspot on the same phone I wanted to use, but it did!
Amazing, thank you! Very straight forward and well explained.
this is very helpful video that i was looking for many times ❤
Super Simple Dev, cool works!👍
OMG thank you so much as this is such a need and a game changer for me. You just got a new follower ❤❤❤❤
Glad it helped you!
This was amazingly useful, thank god.
wow, amazing... You are always bringing great content! Thanks!!!
you saved me from a lot of struggle thanks a lot
you got a new suscriber , your trick was amazing
Thank you verymuch , i spend many days checking for the way to view in my device without downloading the whole code
Thanks for help ❤❤❤
This is legit, thanks! didn't found any issues yet 👌
Had really missed you Coder coder
Please, there's a cool animation on your website I would really like to learn. That unicorn throwing some stars.
It's my first time on your channel , I like your video and i new to you
I thank God I'm seeing this video.
I'm gonna give this channel a subscribe
you saved me with your windows firewall tip. Thank you very much!
Thanks Jess, A react app when run by npm start or npm dev start or w/e it shows the address On Your Network, copy paste enjoy
How about if I use my phone for hotspot
Glad you posted something today, I was taken aback because Twitter is being shutting down. Twitter is a... website
Wow Amazing, Thank you for sharing Coder
wow, Amazing, it actually works, great job
Cant we do this in websites using inspect element and the responsive design mode in firefox?
Yes. But if your web app does some special stuff like opening camera or mic stuff it might be good to check on the device to ensure the mobile browser api is working as expected.
Thankyou for your teaching this ,it's save lot of time and energy 😊❤❤
Super cool! Such an amazing content
It worked, thank you for such useful content
thanks sis ...
i was looking for this for a long time...
Wow! This is a life-saving tutorial. Thank you so much for producing this video.
@dheerajEdits same here, it refuses to show my images even after getting the whole images into the same HTML File, i'm stuck
The new VS Code port forwarding feature should be able to address this problem during development phase itself.
Thank you for this. This will really come in handy for me.
Thank God is not another app to download😂 Perfect tutorial 👌 ✨️
Thank you so much, it worked ❤
Hey thanks for this detailed content.
Helpful for me.
Thank u so much, It was completely easy to follow those instructions.
This was very helpful. You are really doing it right. Thanks a whole bunch.
Love you mate. You Just saved my day .
On mac: Option + Click the wifi icon in status bar
Great video!
Ive benn passing your videoes but this one made me to hit subscribe thanks
Wow amazing, I need to know this.
I searched for this kind of video some days ago.
a million thanks! this helped me a lot!
Cool. I opened those ports in Defender but it's just not working. I see the IP address from ipconfig used is on a WiFi adapter but I'm wondering if this is possible when my dev machine is connected to my router via Ethernet cable and my phone and tablet connect to the same router over WiFi?
The project I am wroking on the vs code, but not uploaded to the github, so does the website has to be uploaded to the github account?
I'm really amazed, thanks a lot, it was a lovely video 💜
Nice one,I have been looking for such thing finally found 🤘🤘🤘🤘😎😎
You are awesome, it works ❤❤❤ thanks a lot ma'am..
can anyone help me to do this
I tried it several times but it is not working
plz help me
Hi, why is it showing the directory on my phone instead of loading the website?
On Mac and with an iPhone I can only get this to work if my iPhone has hotspot sharing enabled and both devices use my phones hotspot for wifi. If you can't get it working for iPhone and Mac, try that approach.