Skip to main content

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

These pages share one catalog component: 
components/ProductCatalogPage.tsx
Page files: 
app/app-host/page.tsx
app/vps/page.tsx
app/nodes/page.tsx
Data file: 
lib/data/product-config.ts
Because these pages share one catalog component, improving shared behavior can affect App Hosting, VPS, and Private Nodes at the same time.

​
Shared Props

Each page passes:
  • tiers
  • defaultTier
  • eyebrow
  • title
  • accentTitle
  • description
  • ctaLabel
  • configGroups
  • specFields
  • footerNote

​
Shared Data Pattern

Catalog data usually follows this style: 
{
  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.