feat: added category for visionOS and page on using Preview with it

Author: NathanWalker

content/assets/images/guide/nativescript-visionpro-stackblitz.jpg

@@ -0,0 +1,26 @@
+---
+title: Previewing visionOS from StackBlitz
+description: You can develop and live preview Vision Pro apps using StackBlitz with NativeScript Preview.
+contributors:
+  - NathanWalker
+---
+
+Just like you can Preview iOS and Android apps using StackBlitz with [NativeScript Preview](https://preview.nativescript.org/), you can do the same with visionOS apps.
+
+<img class="mx-auto" src="../assets/images/guide/nativescript-visionpro-stackblitz.jpg" alt="Previewing visionOS from StackBlitz" />
+
+## Using NativeScript Preview with Vision Pro
+
+*This is useful if you have a physical Vision Pro device.*
+
+1. On your Vision Pro
+   - Search for and install "NativeScript Preview" on the App Store.
+2. On your desktop
+   1. Start a StackBlitz session containing a Vision Pro app like this one: https://stackblitz.com/edit/nativescript-vision-pro-explore?file=src%2Fapp%2Fitem%2Fitems.component.ts
+      - *Tip: You can also share your desktop to your Vision Pro to copy/paste links directly.*
+   2. Once QR Code appears on the right side, you can CMD+Tap on the QR to open a new browser tab. 
+   3. Copy/Paste the URL from the new browser tab
+   4. Share this URL with your Vision Pro
+3. Back on your Vision Pro
+   1. Tapping on the shared link will open NativeScript Preview and begin building in the StackBlitz terminal.
+   2. Once the build is complete, Vision Pro Safari will launch with a prompt to open 'Preview' on the Vision Pro to begin a live development session with your Vision Pro app. 

content/guide/visionos-preview.md

@@ -68,7 +68,7 @@ You can use a [Developer Strap](https://developer.apple.com/visionos/developer-s
 
 > The Developer Strap is an optional accessory that provides a USB-C connection between Apple Vision Pro and Mac and is helpful for accelerating the development of graphics-intensive apps and games. The Developer Strap provides the same audio experience as the in-box Right Audio Strap, so developers can keep the Developer Strap attached for both development and testing.
 
-Once connected, you can run `ns device` and it will list all connected physical devices:
+Once connected, you can run `ns device` to list all connected physical devices:
 
 ```bash
 % ns device    
@@ -77,7 +77,7 @@ Searching for devices...
  Connected devices & emulators
 ┌───┬──────────────────┬──────────┬───────────────────────────┬────────┬───────────┬─────────────────┐
 │ # │ Device Name      │ Platform │ Device Identifier         │ Type   │ Status    │ Connection Type │
-│ 1 │ Apple Vision Pro │ visionOS      │ 00008112-001A10812278A01E │ Device │ Connected │ USB             │
+│ 1 │ Apple Vision Pro │ visionOS │ 00008112-001A10812278A01E │ Device │ Connected │ USB             │
 ```
 
 You can then run on that device as follows:
@@ -91,7 +91,7 @@ ns run visionos --no-hmr --device=00008112-001A10812278A01E
 Primarily 2 key elements make up a NativeScript driven visionOS project:
 
 1. `App_Resources/visionOS/src/NativeScriptApp.swift`
-2. The following dependencies are used:
+2. The following dependencies:
 
 ```json
 {

content/guide/visionos.md

@@ -17,7 +17,7 @@ Some popular use cases:
 - AndroidTV and Watch development
 - watchOS development
 - Learning native platforms through JavaScript understanding
-- Exploring platform API documentation by [trying APIs directly from a web browser without requiring a platform development machine setup](https://preview.nativescript.org/)
+- Exploring platform API documentation by trying APIs [directly from a web browser](https://preview.nativescript.org/) without requiring a platform development machine setup.
 
 ### Why NativeScript?
 

content/index.md

@@ -202,6 +202,19 @@ export default [
       },
     ],
   },
+  {
+    text: 'Developing with Vision Pro',
+    items: [
+      {
+        text: 'Developing with visionOS',
+        link: '/guide/visionos',
+      },
+      {
+        text: 'Previewing visionOS from StackBlitz',
+        link: '/guide/visionos-preview',
+      },
+    ]
+  },
   {
     text: 'Advanced Concepts',
     items: [
@@ -261,10 +274,6 @@ export default [
       //   text: 'The Layout Process',
       //   link: '/guide/advanced/the-layout-process',
       // },
-      {
-        text: 'Developing with visionOS',
-        link: '/guide/visionos',
-      },
       {
         text: 'Metadata',
         link: '/guide/metadata',