# Project IDX in Virtual Reality

**URL:** <https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790>\
**Category:** programming\
**Created:** [June 25, 2024, 3:47pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790 "2024-06-25T15:47:37Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [June 25, 2024, 3:47pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/1 "2024-06-25T15:47:37Z")

</div>

Check out my dev environment in virtual reality while testing project IDX! I’m using a Bluetooth keyboard which is not visible here but it’s extremely satisfying! I always wanted to code in Vr!

 ![d0dd4d5997cb4db8b1364370853aa74c](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/e/d/ed913a4e2e5d1b69d3d10d96aede95a14e0855aa.jpeg)

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [June 25, 2024, 4:19pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/2 "2024-06-25T16:19:50Z")

</div>

This looks really cool! Is there anything that is missing that we should consider adding to IDX to make this more useful?

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [June 25, 2024, 4:34pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/3 "2024-06-25T16:34:52Z")

</div>

I always wanted to develop via the browser. This is my first time using project idx and don’t fully know it well yet but will use it more and will come back to answer your question. I don’t know much about it yet. I was looking for a run button to run the html file just like a regular ide but I think I need to install a node server to run the html file locally. I have to read the documentation 😅

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [June 25, 2024, 4:58pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/4 "2024-06-25T16:58:57Z")

</div>

The HTML file should run automatically. We have a Live Preview that is enabled by default for all web templates. Are you not seeing that?

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [June 25, 2024, 5:19pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/5 "2024-06-25T17:19:24Z")

</div>

that would be wonderful to have! I work alot on static html and simple javascript. I would love to see a preview without a server. I want to feel like I am using a laptop. I cannot find live preview anywhere here.

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [June 25, 2024, 5:31pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/6 "2024-06-25T17:31:00Z")

</div>

I deleted my original import project from github. I then created a simple web app. That new one had a web preview upon starting up but not my github html file project. I had to delete it and start over with a template from project idx. I would love for it to detect that or let me change templates.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [June 26, 2024, 2:57pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/7 "2024-06-26T14:57:12Z")

</div>

That is something we would like to simplify in the future. In the interim, what you can do is add the same idx/dev.nix file from our template into your github project.

Provided all paths are similar, you should get web previews for your own projects as well.

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [June 29, 2024, 7:45pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/8 "2024-06-29T19:45:15Z")

</div>

I tried to copy the dev.nix to my github imported html project. I still can’t see a preview of my html file after reloading. But the third time I tried, I was prompted to add a dev.nix file at first project import from github. I reloaded the idx project after a reload prompt, it created a dev.nix file but I did not see any preview of my html file.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [June 29, 2024, 10:12pm UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/9 "2024-06-29T22:12:01Z")

</div>

Is your github project just a static HTML site? If so, use the dev.nix file I use for all of the tutorials on this site:

> **[GitHub - kirupa/kirupa: Stuff for the things hosted on kirupa.com!](https://github.com/kirupa/kirupa)**
>
> Stuff for the things hosted on kirupa.com!

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [June 30, 2024, 8:06am UTC](https://forum.kirupa.com/t/project-idx-in-virtual-reality/667790/10 "2024-06-30T08:06:38Z")

</div>

yay it worked!
