When we were choosing technology for Modulo CMS, we wanted something fast, modern, and flexible enough for different types of projects. Nuxt 3 was the clear choice.

What Is Nuxt 3?

Nuxt is a framework built on Vue 3 that handles all the "boring" things around a fullstack web project:

  • Server-side rendering (SSR)
  • Static generation (SSG)
  • File-based routing
  • Auto-import of components and composables
  • API routes built directly into the project
  • TypeScript support out of the box

In the world of Nuxt 3, you do not need to configure webpack, babel, typescript, or routing manually. Everything works from the very first command.

Rendering Modes — Why This Matters

This is perhaps the most important aspect of modern web development that gets less discussion than it deserves.

CSR (Client-Side Rendering) — the page renders in the browser. Fast first byte, slow content display. Problem for SEO.

SSR (Server-Side Rendering) — the server renders HTML and sends it to the browser. Good for SEO, but requires a running server.

SSG (Static Site Generation) — pages are generated at build time. Ultra-fast, extremely simple hosting. Limitation: content only updates with a new build.

Hybrid rendering — each route has its own rendering mode. This is what makes Nuxt 3 exceptional.

In Modulo CMS we use a hybrid approach: the public web is mostly statically generated (speed + SEO), while API endpoints and the admin panel run in SSR mode.

Vue 3 and Composition API

Vue 3 with Composition API changed how we write components. Instead of scattered options (data, methods, computed), logic is organized into composables — small, reusable functions that can be used in any component with a single line.

TypeScript Everywhere

Nuxt 3 is written in TypeScript and supports it first-class. Types are automatically generated for API routes, content collections, env variables, and the store.

Why Not Next.js or Others?

This question always comes up. Next.js is a great framework — but it is React. Vuetify (the UI library we use in the admin panel) is Vue-only. The ecosystem we are used to is the Vue ecosystem.

Conclusion

Nuxt 3 is not just "another framework." It is a comprehensive solution that handles routing, rendering, TypeScript, auto-import, API, and content in one consistent package. For a project like Modulo CMS, it is the ideal technology.