Skip to content

Artificial intelligence is changing digital products. See what it can do for your business.

Back to Blog
Dominik Weber

Nuxt 4: Why We Chose It as Our Default Framework

Next.js, Astro, SvelteKit, or Nuxt 4? We explain why we usually choose Nuxt 4 — and when another technical foundation is the better fit.

Dominik WeberAI-first insights

The choice of technical foundation, or framework, decides more than which technologies a project uses. It determines how fast a project ships, what maintenance costs in three years and whether the website stands a chance on Google. We have shipped client projects with Next.js, Astro, SvelteKit and Nuxt. Since 2025, Nuxt 4 has been our default, for reasons you can measure in invoices and rankings, not GitHub stars.

Rendering: decide per route, not per project

The practical advantage of Nuxt 4 is flexible page generation, known as hybrid rendering. Through routeRules, a single line of configuration decides whether a page is generated in advance, generated on the server when requested, or stored temporarily in a cache:

routeRules: {
  '/': { prerender: true },
  '/blog/**': { swr: 3600 },
  '/api/**': { cors: true }
}

Marketing pages ship as ready-to-display page code (static HTML) in milliseconds, the blog refreshes its cache hourly, and dynamic sections continue to use server-side rendering. Other frameworks can do a mix like this, but spread the setup across extensions, processing layers, and deployment settings. In Nuxt it lives in one place and everyone on the team understands it.

Search engine optimization (SEO) is built in, not bolted on

Search engines evaluate the page code you actually serve. Web applications that load their content in the browser start with a disadvantage when they lack server rendering. Nuxt renders on the server, and its SEO module handles the routine work on top: a sitemap, search-engine instructions (robots.txt), preferred page addresses (canonical URLs), social-sharing previews (Open Graph tags), and structured Schema.org data all come from one configuration instead of hand-maintained metadata.

This very website is the example: it is bilingual, with correct links between language versions (hreflang), structured data on every page, and blog posts added to the sitemap automatically. That took hours, not days. We broke down what search engine optimization should cost and deliver in our SEO cost overview.

Better development workflows also help artificial intelligence

Automatic imports, a page structure based on files, and TypeScript without lengthy setup make human developers faster. They also make artificial intelligence (AI) tools better. Nuxt conventions are clear enough that Claude and comparable models generate components, reusable logic modules, and server routes in the correct project structure without us explaining the folder logic. Convention beats configuration, for humans and machines alike.

Add the Nuxt UI component library: accessible, production-ready building blocks based on the Tailwind design system. A form with input checks, a dialog window, or a sortable table takes us minutes, not afternoons. Taken together, that is the core of our promise to build websites significantly faster and cheaper than classic teams.

What about the alternatives?

Short and honest:

  • Next.js is technically on par, but the App Router ecosystem changes its best practices faster than projects age. Still a good choice for teams deep in the React world.
  • Astro shines for pure content sites. As soon as real app functionality arrives, the glue code grows.
  • SvelteKit is elegant but has the smallest talent pool. A real risk for client projects that other teams will maintain later.

When we do not use Nuxt

A framework default is not dogma. For large organizations with complex editorial workflows, fine-grained permissions and dozens of editors, TYPO3 remains our recommendation, often combined with Nuxt as the frontend through an application programming interface for content (content API). And a landing page that never changes needs no Node.js server.

The tool follows the project. But when the project is a modern, multilingual website or web app that needs to rank, Nuxt 4 is currently the clear call for us. The rest of our toolkit is documented in our frontend stack.