Server

The server is powered by Nitro.

Enable Nitro

Nitro is disabled by default. You can enable it by configuring nitro.enabled.

vixt.config.ts

import { defineVixtConfig } from 'vixt'

export default defineVixtConfig({
  nitro: {
    enabled: true,
    // serverDir: './server' // defaults to './server'
  },
})

Write server APIs

server/routes/test.ts

export default defineEventHandler(() => {
  return 'Hello World!'
})

Call APIs from the client

src/pages/index.vue

<script setup lang="ts">
// Vixt auto-imports the $fetch function from ofetch and provides types
$fetch('/test').then(res => {
  console.log(res) // 'Hello World!'
})
</script>

Deploy your app

Nitro supports deployment to any server or edge network. Check Nitro Deploy for more information.

Here are examples of deploying with Vixt to three providers:

• Cloudflare
• Netlify
• Vercel