apps.as - Application Preview

Preview MDXLD documents as complete applications with routing, state, and interactivity through apps.as.

What is apps.as?

apps.as renders MDXLD documents with $type: App as full-featured web applications with client-side routing, state management, and interactive components.

Basic Example

---
$type: App
$id: https://apps.do/dashboard
name: Dashboard App
routes:
  - path: /
    title: Dashboard
  - path: /analytics
    title: Analytics
  - path: /settings
    title: Settings
---

# Dashboard App

export const App = () => {
  const [data, setData] = useState([])

  return (
    <div>
      <nav>
        <Link to="/">Dashboard</Link>
        <Link to="/analytics">Analytics</Link>
        <Link to="/settings">Settings</Link>
      </nav>

      <Routes>
        <Route path="/" element={<Dashboard />} />
        <Route path="/analytics" element={<Analytics />} />
        <Route path="/settings" element={<Settings />} />
      </Routes>
    </div>
  )
}

Runs at: https://apps.as/dashboard

Features

Client-Side Routing: React Router integration
State Management: Built-in state hooks
Real-Time Updates: WebSocket support
Authentication: OAuth integration
Data Fetching: Built-in data hooks
Progressive: Offline support with service workers

App Configuration

---
$type: App
name: Todo App
auth: required
database: true
realtime: true
pwa: true
---

Preview URL

https://apps.as/{app-name}

Try It

# Deploy app
mdxe deploy todo-app.mdx --preview apps.as

# Opens: https://apps.as/todo-app

apps.as