Basic Controller Example

import { get, post, prefix, operation, type VovkRequest } from 'vovk';
 
@prefix('basic')
export default class BasicController {
  @operation({
    summary: 'Get a greeting',
    description: 'Get a greeting from the server',
  })
  @get('greeting')
  static getHello() {
    return { greeting: 'Hello world from a controller!' };
  }
 
  @operation({
    summary: 'Post a greeting',
    description: 'Post a greeting to the server',
  })
  @post('greeting')
  static async postHello(req: VovkRequest<{ greeting: string }>) {
    const { greeting } = await req.json();
    return { greeting };
  }
}
 

'use client';
import { useState } from 'react';
import { BasicRPC } from '@/client';
import type { VovkReturnType } from 'vovk';
 
export default function BasicExample() {
  const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof BasicRPC.getHello>>();
 
  return (
    <>
      <button
        onClick={async () => {
          setServerResponse(await BasicRPC.getHello());
        }}
      >
        Get a Greeting from the Server
      </button>
      <div>{serverResponse?.greeting}</div>
    </>
  );
}