Proxy endpoint example

Proxy endpoint example.

Result

Code

ProxyController.ts

ProxyExample.tsx

1import { get, prefix, openapi } from 'vovk';
2
3@prefix('proxy')
4export default class ProxyController {
5  @openapi({
6    summary: 'Proxy endpoint',
7    description: 'Get a greeting from vovk.dev',
8  })
9  @get('greeting', { cors: true })
10  static getHello() {
11    return fetch('https://vovk.dev/api/hello/greeting.json') as unknown as { greeting: 'Hello world!' };
12  }
13}

1import { get, prefix, openapi } from 'vovk';
2
3@prefix('proxy')
4export default class ProxyController {
5  @openapi({
6    summary: 'Proxy endpoint',
7    description: 'Get a greeting from vovk.dev',
8  })
9  @get('greeting', { cors: true })
10  static getHello() {
11    return fetch('https://vovk.dev/api/hello/greeting.json') as unknown as { greeting: 'Hello world!' };
12  }
13}

1import { get, prefix, openapi } from 'vovk';
2
3@prefix('proxy')
4export default class ProxyController {
5  @openapi({
6    summary: 'Proxy endpoint',
7    description: 'Get a greeting from vovk.dev',
8  })
9  @get('greeting', { cors: true })
10  static getHello() {
11    return fetch('https://vovk.dev/api/hello/greeting.json') as unknown as { greeting: 'Hello world!' };
12  }
13}

1import { get, prefix, openapi } from 'vovk';
2
3@prefix('proxy')
4export default class ProxyController {
5  @openapi({
6    summary: 'Proxy endpoint',
7    description: 'Get a greeting from vovk.dev',
8  })
9  @get('greeting', { cors: true })
10  static getHello() {
11    return fetch('https://vovk.dev/api/hello/greeting.json') as unknown as { greeting: 'Hello world!' };
12  }
13}

1'use client';
2import { useState } from 'react';
3import { ProxyRPC } from 'vovk-client';
4import type { VovkReturnType } from 'vovk';
5
6export default function ProxyExample() {
7  const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof ProxyRPC.getHello>>();
8
9  return (
10    <>
11      <button
12        onClick={async () => {
13          setServerResponse(await ProxyRPC.getHello());
14        }}
15      >
16        Get Greeting from Server
17      </button>
18      <div>{serverResponse?.greeting}</div>
19    </>
20  );
21}

1'use client';
2import { useState } from 'react';
3import { ProxyRPC } from 'vovk-client';
4import type { VovkReturnType } from 'vovk';
5
6export default function ProxyExample() {
7  const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof ProxyRPC.getHello>>();
8
9  return (
10    <>
11      <button
12        onClick={async () => {
13          setServerResponse(await ProxyRPC.getHello());
14        }}
15      >
16        Get Greeting from Server
17      </button>
18      <div>{serverResponse?.greeting}</div>
19    </>
20  );
21}

1'use client';
2import { useState } from 'react';
3import { ProxyRPC } from 'vovk-client';
4import type { VovkReturnType } from 'vovk';
5
6export default function ProxyExample() {
7  const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof ProxyRPC.getHello>>();
8
9  return (
10    <>
11      <button
12        onClick={async () => {
13          setServerResponse(await ProxyRPC.getHello());
14        }}
15      >
16        Get Greeting from Server
17      </button>
18      <div>{serverResponse?.greeting}</div>
19    </>
20  );
21}

1'use client';
2import { useState } from 'react';
3import { ProxyRPC } from 'vovk-client';
4import type { VovkReturnType } from 'vovk';
5
6export default function ProxyExample() {
7  const [serverResponse, setServerResponse] = useState<VovkReturnType<typeof ProxyRPC.getHello>>();
8
9  return (
10    <>
11      <button
12        onClick={async () => {
13          setServerResponse(await ProxyRPC.getHello());
14        }}
15      >
16        Get Greeting from Server
17      </button>
18      <div>{serverResponse?.greeting}</div>
19    </>
20  );
21}