Your Getting Started Guide

Optional: Type your frontend with @riposte.co/api-types

Install in your frontend project with npm install @riposte.co/api-types to get type-safe responses that match your Riposte API. This is optional but keeps your UI code in sync with the server.

import type { ApiResponse, Message } from '@riposte.co/api-types'

type ThreadResponse = ApiResponse['/accounts/{accountId}/threads/{threadId}']['get']

const ThreadList = ({ threads }: { threads: ThreadResponse }) => {
  return (
    <div>
      {threads.map((thread) => (
        <div key={thread.id}>{thread.subject}</div>
      ))}
    </div>
  )
}

const MessageItem = ({ message }: { message: Message }) => {
  return (
    <div>
      <div>{message.subject}</div>
      <div>{message.body}</div>
    </div>
  )
}