Two developers and a project lead at a Kochi agency review a restaurant website on a monitor and a tablet.

Vercel · Frameworks

Your Vue site shows a spinner before the menu. Render it on the server, with nothing to host.

If your team or agency writes Vue, Nuxt renders the page on the server so visitors and search engines get the content first. Nuxt static and server-rendered sites deploy on Vercel with no configuration. One config file says which pages are static, which refresh on a timer and which render on every visit.

Salesforce consulting partner since 2010 · MVP Hall of Fame · 200+ agents in production · UAE, India and US desks

The problem

Where a Vue site slows you down today.

What Nuxt is

Nuxt, in plain words.

Facts from Vercel’s own pages, checked on 16 October 2026. The sources are at the end of this page.

Setup
Nuxt static and server-rendered sites deploy on Vercel with no configuration.
Build modes
nuxt build, the default, supports SSR, ISR and static pages. nuxt generate builds static pages only.
Rules per route
routeRules in nuxt.config.ts sets redirects, headers, ISR, and static or SSR per route. Page components cannot set this today.
One Function
Pages, APIs and middleware are bundled into a single Vercel Function by default.
Images
Image Optimization works with @nuxt/image and no extra setup.
Gaps
No Streaming SSR or framework Routing Middleware for Nuxt on Vercel. Nuxt 2 is recommended only as a static site.

How it works

From Vue code to pages that each update at their own speed.

Five steps. Nitro builds the server side, and your route rules decide which page is static, cached or rendered on each visit.

Five steps: connect the repository, set route rules, Nitro builds one Function, check a preview, merge to go live.

Infographic

The same steps are written out below.

Step by step

What happens at each step.

  1. Import

    Connect the repository

    Import it, or run vercel in the project folder.

  2. Rules

    Set route rules

    Static, ISR or server-rendered, page by page, in nuxt.config.ts.

  3. Build

    Nitro builds the server

    Pages, APIs and middleware become one Vercel Function.

  4. Preview

    Check it on a preview link

    Every pull request gets its own link for the team.

  5. Live

    Merge to go live

    Static pages come from the CDN and the rest from the Function.

How it fits together

Where Nuxt sits between your content and your visitors.

Your Vue code lives in Git. Nuxt and Nitro build it on Vercel. Route rules send each page to the CDN, the ISR cache or the Function. Forms post to Salesforce, and Nitro storage can write to Upstash Redis.

Nuxt builds Vue code on Vercel, route rules send pages to the CDN, a cache or a Function, forms go to Salesforce.

Infographic

Where it sits next to the systems you run today.

Use cases · worked examples

One worked example in each industry.

How Nuxt fits into the work of the industries we serve, one step at a time.

  1. An agency starts a client site from its Nuxt starter, the client checks a preview, and it goes live on their domain.

    Example 1 · Digital agency, Kochi · Infographic

    Delivery lead at a Kochi agency that builds Vue sites for Gulf clients

    Today: Each client site runs on a different server we set up. Handover takes a week, and the client never knows where the site lives.

    After: Every client site starts from the agency’s Nuxt starter, in the client’s own repository, and deploys on Vercel with no configuration. The client approves on preview links.

    Worked example, step by step

    1. Day 1Delivery lead. Starts the site from the Nuxt starter, in the client’s own Git repository.
    2. Day 1Vercel. Imports the repository and deploys it with no configuration.
    3. Day 3Client. Reviews the home and service pages on a preview link from Dubai.
    4. Day 4Developer. Sets the blog to ISR and the contact page to server-rendered in route rules.
    5. Day 5Client. Approves. The site goes live on the client’s domain.

    Every client site is built and handed over the same way, and the client knows where it lives.

    Digital agencies
  2. A new dish is added to the menu table, the menu page refreshes, photos are resized, and a guest books from the page.

    Example 2 · Restaurants, Dubai · Infographic

    Marketing manager at a Dubai café group with six branches

    Today: The menu on our site is a PDF from last summer. Changing it means emailing the agency and waiting.

    After: The menu is a Nuxt page that reads from the group’s menu table and refreshes on a timer. Photos are resized for each phone by @nuxt/image.

    Worked example, step by step

    1. 08:00Marketing manager. Adds the new iftar set and its photo to the menu table the site reads.
    2. 08:00Website. Visitors still get the cached menu page, fast.
    3. 08:15Vercel. The ISR menu page rebuilds with the new set once its refresh time passes.
    4. 08:15Vercel. Serves the photo resized for each phone through Image Optimization.
    5. 12:30Guest. Opens the menu from Instagram and books a table on WhatsApp.

    The menu on the site matches the menu on the table, the same morning.

    Restaurants and cafes
  3. Rent is posted in Salesforce, an owner signs in, and the portal renders her statement on the server.

    Example 3 · Property management, Bengaluru · Infographic

    Operations head at a Bengaluru property management firm

    Today: Owners call every month for their rent statement, because the owner page on our site is a contact form.

    After: A Nuxt owner portal renders each owner’s statement on the server from Salesforce. The public pages stay static on the CDN.

    Worked example, step by step

    1. 1st, 09:00Salesforce. Rent collected for the month is posted against each unit.
    2. 09:30Owner. Signs in to the owner portal on her phone.
    3. 09:30Vercel. The Nuxt Function renders her statement on the server from Salesforce.
    4. 09:31Owner. Sees this month’s rent, fees and the open maintenance ticket.
    5. 11:00Operations head. Sends the portal link to the one owner who still calls.

    Owners read their statement themselves, from the same Salesforce data the team uses.

    Property management
Examples of the work, not client stories. Times in each example show the order of events, not a measured result.

Is it for you

When Nuxt fits, and when it doesn’t.

Good fit

Not for you yet

Your team or agency writes Vue
You need streaming SSR: Nuxt does not have it on Vercel
Search engines and slow phones must get the content first
The site is on Nuxt 2 and must render on the server
Some pages change hourly and others yearly
You want deploy settings inside page components
You want a preview link for every change
Your data must stay on servers in the UAE or Saudi Arabia

What Mindcat does

We build it, then we run it.

The assessment is free: a short read of the org and a written note. If you go ahead, the first build week is a fixed AED/SAR 14,900 (about USD 4,050), credited in full when you sign the build within 60 days. After go-live, we keep it patched, watched and changing every month.

FAQ

What teams ask about Nuxt.

We are on Nuxt 2. Does it work?
Vercel recommends Nuxt 2 only as a static site. If your site needs server rendering, the move to current Nuxt comes first. We scope it in the assessment.
Can each page be cached differently?
Yes, through routeRules in nuxt.config.ts: static, ISR or server-rendered per route, plus redirects and headers. Settings inside page components are not supported today.
Does Nuxt stream pages on Vercel?
No. Vercel’s framework support table shows no Streaming SSR for Nuxt. If streaming matters to you, we compare Next.js or SvelteKit with you first.
What does hosting cost?
There is no Nuxt price on Vercel. Hosting follows your Vercel plan and Functions use. Hobby is for non-commercial, personal use only, so a business site needs Pro or Enterprise.
Where does it run for visitors in the UAE and Saudi Arabia?
Vercel lists 19 compute regions and none of them is in the UAE or Saudi Arabia today. Mumbai (bom1) is the closest. If your data must stay in the country, tell us in the assessment: we confirm residency per project before you sign, and sometimes that rules Vercel out.

Sources

Where these facts come from.

Start here

Tell us what you want built, and where it runs today.

One or two lines is enough. You hear back within 24 hours from the person who signs the work.

Salesforce consulting partner since 2010 · MVP Hall of Fame · 200+ agents in production · UAE, India and US desks