Proxy Endpoint Example

import { get, prefix, operation } from 'vovk';
 
@prefix('proxy')
export default class ProxyController {
  @operation({
    summary: 'Proxy endpoint',
    description: 'Get a greeting from vovk.dev',
  })
  @get('greeting', { cors: true })
  static getHello() {
    return fetch('https://vovk.dev/api/hello/greeting.json') as unknown as { greeting: 'Hello world!' };
  }
}
 

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