SSR in Nuxt

Use @linkfox/core in Nuxt server routes or server components.

Server route example

import { createLinkFoxClient } from '@linkfox/core';

export default defineEventHandler(async () => {
  const config = useRuntimeConfig();

  const linkfox = createLinkFoxClient({
    apiKey: config.linkfoxApiKey,
  });

  return linkfox.getSiteDelivery('game-father', {
    group: 'game',
    utmKey: 'ref',
    utmValue: 'nuxt',
  });
});

Page usage

<script setup lang="ts">
const { data } = await useFetch('/api/linkfox/footer');
</script>

<template>
  <nav class="linkfox-inline">
    <a
      v-for="item in data?.items || []"
      :key="item.id"
      :href="item.url"
      target="_blank"
      rel="noreferrer"
    >
      {{ item.name }}
    </a>
  </nav>
</template>

Notes

Put the private key in runtimeConfig, not publicRuntimeConfig
Prefer server routes when the same data is reused in multiple pages

SSR in Next.js

Use @linkfox/core in Next.js Server Components and Route Handlers.

On this page

Server route example