Turn Nuxt Server Routes into a Lightweight BFF Layer
Use Nuxt 3 server routes as a Backend-for-Frontend (BFF) to hide API secrets, aggregate data, and reduce client-side complexity without needing a separate backend service.
Loading…
ReadMeFeed / Community knowledge
Nuxt
Real questions. Useful conversations. Find the people who know your stack.
Nuxt
Frameworks & web · #nuxt
Nuxt 3: Choosing Between Server Middleware and Plugins for Request Logic
Learn when to use Nuxt 3 server middleware versus plugins. This guide compares execution timing, performance trade-offs, and provides a concrete implementation for request-level authentication.
Nuxt 3 Server Routes with Nitro: Co-located Private API Architecture
Design pattern for Nuxt 3 server routes with Nitro, covering trust boundaries, runtimeConfig separation, operational checks, and when to scale beyond co-location.
Using <ClientOnly> in Nuxt 3 to Safely Access Browser APIs
Learn how to wrap browser‑dependent components with <ClientOnly> in Nuxt 3 to avoid SSR errors, see the mechanism in action, and avoid common pitfalls.
Choosing Per‑Route Rendering Modes in Nuxt 3 with Route Rules
Learn how to use Nuxt 3 Route Rules to serve SSR, SSG, or CSR per route, improve FCP and SEO, and avoid common pitfalls.
Lazy‑Loading Dynamic Routes in Nuxt 3: Splitting Code and Fetching Data Efficiently
Learn how Nuxt 3’s file‑based routing automatically lazy‑loads dynamic routes and how to pair them with server API routes to keep initial JavaScript small while fetching data on demand.
Deploying Nuxt 3 with Nitro on Serverless Platforms: Architecture, Checks, and Failure Modes
Learn how to turn a Nuxt 3 app into a single Nitro‑powered serverless function, the minimal design, trust boundaries, operational checks, and when to re‑architect.
Vue Storefront SSR Trust Boundaries: Server-Side Secrets, Client-Side Catalog Data, and Operational Checks
Vue Storefront SSR keeps API secrets on the server and sanitized catalog data on the client. Learn the trust boundary, hydration checks, and failure modes.
Add a Validated Nitro API Route in Nuxt and Consume It with useFetch
Expose a stable JSON endpoint from a Nuxt server route, validate input with createError, and consume it with useFetch without hydration mismatches.