MindcatConsulting, home
Get the assessment
A founder tests a prototype app on her phone while a developer works on the same app on a laptop in a Dubai office.

Vercel · Frameworks

Your prototype was built in Lovable and customers want to use it. Run it as a real app, with previews and your own domain.

Lovable projects run on TanStack Start, a full-stack framework for React and Solid with type-safe routing, streaming and server functions. On Vercel it runs with Nitro on Vercel Functions and Fluid compute, and Lovable projects deploy with zero configuration through a GitHub sync. From there your team or ours adds Salesforce, previews and the checks a live app needs.

Get the written assessmentSee it work in your industry

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

The problem

Where a prototype gets stuck.

What TanStack Start is

TanStack Start, in plain words.

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

What it is
A full-stack framework built on TanStack Router for React and Solid, with full-document SSR, streaming and server functions.
On Vercel
Paired with Nitro: install nitro and add nitro() to the plugins in the Vite config.
Where it runs
Vercel Functions on Fluid compute by default.
Lovable
Lovable projects use TanStack Start and deploy with zero configuration through a GitHub sync, with @lovable.dev/vite-tanstack-config 2.6.2 or later.
AI
Vercel documents TanStack AI with AI Gateway, TanStack AI with Vercel Sandbox, and the AI SDK.
Gap
No ISR for TanStack Start on Vercel. Streaming SSR and framework Routing Middleware are supported.

How it works

From a prototype to a live app on your domain.

Five steps. The code leaves the builder for your own GitHub, and every change after that goes through a preview.

Five steps: sync the project to GitHub, add Nitro, import the repository, review a preview, go live on your domain.

Infographic

The same steps are written out below.

Step by step

What happens at each step.

  1. Sync

    Sync the project to GitHub

    From Lovable, or push your own TanStack Start repository.

  2. Nitro

    Add Nitro to the Vite config

    One plugin, so the server side runs as Vercel Functions. Lovable projects already have it.

  3. Import

    Import the repository

    Vercel builds it on Functions and Fluid compute.

  4. Preview

    Review on a preview link

    Each change gets its own link before it goes live.

  5. Live

    Go live on your domain

    Server functions keep the Salesforce and AI Gateway keys off the browser.

How it fits together

Where TanStack Start sits between your users, Salesforce and the models.

The code comes from Lovable or your editor through GitHub. Vercel runs it with Nitro on Functions. Server functions call Salesforce and AI Gateway with keys the browser never sees, and Sandbox can run code the app generates.

A Lovable or React project goes through GitHub to Vercel, and server functions call Salesforce and AI Gateway.

Infographic

Where it sits next to the systems you run today.

Use cases · worked examples

One worked example in each industry.

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

  1. A Lovable buyer portal syncs to GitHub, deploys on Vercel, and each site visit request becomes a Salesforce lead.

    Example 1 · Real estate, Kochi · Infographic

    Founder of a Kochi real estate agency that sells to buyers in the Gulf

    Today: I built a buyer portal in Lovable over a weekend. Buyers in Dubai like it, but site visit requests land in my email, not our CRM.

    After: The project syncs to GitHub and deploys on Vercel. A server function writes each site visit request to Salesforce as a lead.

    Worked example, step by step

    1. FriFounder. Syncs the Lovable project to the agency’s GitHub.
    2. FriDeveloper. Checks the Lovable config package is 2.6.2 or later.
    3. SatVercel. Imports the repository and deploys a preview.
    4. SatDeveloper. Adds a server function that creates a Salesforce lead for each site visit request.
    5. SunFounder. Books a test visit on the preview and sees the lead in Salesforce.
    6. MonFounder. Approves. The portal goes live on the agency’s domain.

    The weekend prototype is a live portal, and each visit request lands in Salesforce.

    Real estate brokers
  2. A guest asks a question at night, the answer streams from the house rules, and a long-stay enquiry waits in Salesforce.

    Example 2 · Hotel apartments, Dubai · Infographic

    Guest experience manager at a Dubai hotel apartment group

    Today: Guests ask the same questions about parking, check-out and monthly rates on WhatsApp, at all hours.

    After: A TanStack Start guest page answers from the house rules through AI Gateway, streamed as it is written. Anything it cannot answer goes to the team in Salesforce.

    Worked example, step by step

    1. 23:10Guest. Opens the guest page from the check-in message and asks about late check-out.
    2. 23:10Server function. Sends the question and the house rules to a model through AI Gateway.
    3. 23:10Guest. Reads the answer as it streams in, with the house rule it came from.
    4. 23:12Guest. Asks for a monthly rate. The page says the team will reply in the morning.
    5. 23:12Salesforce. A long-stay enquiry is created for the reservations team.
    6. 09:00Reservations. Sends the monthly rate on WhatsApp.

    Night questions get answers, and the long-stay enquiry is waiting in Salesforce at 09:00.

    Hotel apartments
  3. A product page streams photos first, a server function fills in live store stock, and the shopper reserves the item.

    Example 3 · Retail, Austin · Infographic

    Operations manager at an Austin outdoor gear store with an online shop

    Today: Our stock page shows last night’s warehouse count. People drive in for items we sold out of that morning.

    After: Product pages render on each visit and stream. Photos and price show first, and a server function fills in the live count for the store.

    Worked example, step by step

    1. 11:00Shopper. Opens a tent’s product page on her phone.
    2. 11:00Vercel. Streams the page. Photos and price show first.
    3. 11:00Server function. Reads the live count for the Austin store and fills it in.
    4. 11:01Shopper. Reserves the last one for pickup.
    5. 11:01Store staff. See the hold on the pickup list and set the tent aside.

    The shopper reserves the tent before she drives in.

    Retail and e-commerce
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 TanStack Start fits, and when it doesn’t.

Good fit

Not for you yet

People already use a Lovable prototype
You need ISR: TanStack Start does not have it on Vercel
Your team writes React and wants type-safe routes
The prototype is a demo nobody will use again
Pages need live data on every visit
Editors want to change pages with no code
The app calls models or Salesforce from the server
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.

Read next

What it works with.

FAQ

What teams ask about TanStack Start.

Does a Lovable project need changes to run on Vercel?
Lovable projects use TanStack Start and deploy with zero configuration through a GitHub sync, as long as @lovable.dev/vite-tanstack-config is 2.6.2 or later. We check that, then add what a live app needs: keys, previews and the Salesforce connection.
Why does it need Nitro?
On Vercel, TanStack Start runs with Nitro: you install nitro and add it to the Vite config. Nitro is what turns the server side into Vercel Functions.
Can pages be cached and refreshed on a timer?
Not with ISR: Vercel’s framework support table shows no ISR for TanStack Start. Pages render on each visit and can stream. If you need ISR, Next.js or Nuxt has it.
Can it call AI models?
Yes. Vercel documents TanStack AI with AI Gateway, TanStack AI with Vercel Sandbox, and the AI SDK. We keep the model calls in server functions.
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

Cookies

Analytics cookies are optional. Necessary ones always run.Analytics cookies help us see which pages are useful. Necessary cookies always run.