Folder Structure

Page Definition

Rx-Bot implements an intuitive file system-based routing system inspired by Next.js. This approach allows you to define your bot's pages by simply creating files in your project structure, making routing straightforward and maintainable.

Create your page component in src/app/page.tsx:

export default async function Page() {
  return (
    <div>
      <h1>Welcome to the Rx-Bot Demo</h1>
      <p>
        You can use this bot to interact with the Rx-Lab framework.
        <br />
        Click the menu button to see the available options.
      </p>
      <code>Hello</code>
    </div>
  );
}

How it works

1. Rx-Bot automatically discovers your page components through the file system
2. Components are rendered server-side
3. The rendered content is automatically dispatched to your configured bot