Framework Guide

Nuxt on CupaDev

Deploy your Nuxt 3 applications with full SSR support, hybrid rendering, and automatic optimization.

Getting Started

Deploy your Nuxt application in minutes

1

Create your Nuxt app

Start with a new Nuxt 3 project or use an existing one.

npx nuxi@latest init myapp
2

Connect your repository

Connect your GitHub, GitLab, or Bitbucket repository to CupaDev.

git push origin main
3

Deploy automatically

Your Nuxt app deploys with SSR enabled by default.

Deployed ✓

Example Configuration

nuxt.config.ts

export default defineNuxtConfig({
  ssr: true,
  nitro: {
    prerender: {
      crawlLinks: true,
      routes: [
        '/sitemap.xml',
        '/rss.xml'
      ]
    }
  },
  modules: [
    '@nuxt/content',
    '@nuxt/ui'
  ],
  future: {
    compatibilityVersion: 4
  },
  devtools: {
    enabled: true
  },
  app: {
    head: {
      charset: 'utf-8',
      viewport: 'width=device-width, initial-scale=1'
    }
  }
})

SSR & Rendering

Configure server-side rendering and hybrid rendering modes for optimal performance.

  • Full SSR support with Nitro server
  • Hybrid rendering with prerendering

Modules & Integrations

Extend your Nuxt app with a rich ecosystem of modules.

  • Nuxt UI components out of the box
  • Content v2 for Markdown/JSON

Nuxt Features on CupaDev

Server-Side Rendering

  • Full SSR support with streaming
  • Nitro server with middleware
  • Automatic meta tags and SEO optimization
  • Payload extraction for better caching

Hybrid Rendering

  • Route-based prerendering
  • Crawler-based prerendering
  • SWR (Stale While Revalidate) support
  • Automatic route grouping

File-Based Routing

  • Automatic route generation from file structure
  • Dynamic and catch-all routes
  • Nested layouts and middleware
  • Route metadata with defineRouteRules

API & Middleware

  • Nitro API routes with auto-import
  • Server middleware with $fetch
  • WebSocket support
  • Automatic request deduplication

Additional Setup

Environment Variables

Set environment variables for your Nuxt deployment:

NUXT_PUBLIC_API_BASE=/api
API_SECRET=your_secret_key
DATABASE_URL=postgresql://...

Variables prefixed with NUXT_PUBLIC_ are exposed to the browser.

Asset Pipeline

Automatically optimized assets for your Nuxt app:

  • Vite-powered build system
  • Image optimization with transformers
  • CSS-in-JS and TailwindCSS support
  • Automatic bundle optimization

Custom Domains & SSL

Point your custom domain to your Nuxt deployment:

  • Free SSL certificates with auto-renewal
  • DNS management and CNAME setup
  • Wildcard subdomains support

Ready to deploy your Nuxt app?

Get your Nuxt application deployed with full SSR support and hybrid rendering in minutes.