> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tariqdev.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# App Hosting, VPS, and Nodes

> Customize shared product catalog pages for App Hosting, VPS, and Private Nodes.

# App Hosting, VPS, and Nodes

These pages share one catalog component:

```txt theme={null}
components/ProductCatalogPage.tsx
```

Page files:

```txt theme={null}
app/app-host/page.tsx
app/vps/page.tsx
app/nodes/page.tsx
```

Data file:

```txt theme={null}
lib/data/product-config.ts
```

<Info>
  Because these pages share one catalog component, improving shared behavior can affect App Hosting, VPS, and Private Nodes at the same time.
</Info>

## Shared Props

Each page passes:

* `tiers`
* `defaultTier`
* `eyebrow`
* `title`
* `accentTitle`
* `description`
* `ctaLabel`
* `configGroups`
* `specFields`
* `footerNote`

## Shared Data Pattern

Catalog data usually follows this style:

```ts theme={null}
{
  id: "starter",
  label: "Starter",
  plans: [
    {
      id: "s1",
      name: "Starter S1",
      price: "Rp 49.000",
      billingUrl: `${B}/products/vps/starter-s1`,
    },
  ],
}
```

Use predictable IDs so tabs, analytics, and future billing logic are easier to maintain.

## App Hosting

App hosting is useful for runtimes and managed services.

Example categories:

* Node.js.
* Python.
* Java.
* Database.

Common config groups:

* Deploy method.
* Runtime add-ons.
* Database options.

Good specs for app hosting:

* Runtime.
* RAM.
* Storage.
* Build minutes.
* Deploy method.
* Database support.

## VPS

VPS is useful for general compute plans.

Example categories:

* Starter.
* Standard.
* Pro.

Common config groups:

* Operating system.
* Setup profile.
* Backup level.

Good specs for VPS:

* vCPU.
* RAM.
* NVMe storage.
* Bandwidth.
* Region.
* Management level.

## Private Nodes

Private nodes are useful for dedicated hosting hardware.

Example categories:

* Node Lite.
* Node Pro.
* Node Elite.

Common config groups:

* Management level.
* Use case.
* Support level.

Good specs for private nodes:

* CPU model.
* RAM.
* Storage.
* Network port.
* DDoS protection.
* Included panel.

## Extending the Shared Catalog

If you want config selectors to affect checkout:

1. Store selected config state.
2. Convert selected config to query params.
3. Append params to `billingUrl`.
4. Test each billing provider.

## Copy Guidelines

* App hosting copy should focus on deployment speed and runtime support.
* VPS copy should focus on resources, control, and reliability.
* Private node copy should focus on dedicated capacity and predictable performance.

## Test Checklist

* Tier switching works.
* Config selector states are clear.
* Plan specs align across cards.
* Billing links are correct.
* Footer note is accurate.
* Long plan names fit on mobile.