Search

Laravel Cloud Now Hosts Your Next.js and Nuxt Frontend, on One Bill

Laravel Cloud Now Hosts Your Next.js and Nuxt Frontend, on One Bill

For years the standard Laravel + JavaScript setup meant two hosts: the API on Forge, Vapor or Cloud, and the frontend on Vercel or Netlify. Two pipelines, two dashboards, two bills, and endless bugs where the frontend pointed at the wrong API URL.

Also Read: Deploy Go, Express & Hono Apps on Laravel Cloud - How To's

At Laracon US on 28 July 2026, Laravel announced that Cloud now deploys Next.js and Nuxt apps alongside your Laravel backend. It's available on every plan at no additional cost.

How it works

It is built on Cloud's monorepo support, which shipped on 8 July.

  1. Connect a repository. Cloud inspects it and works out whether it holds one app or several.
  2. If it finds several (say backend/ with Laravel and frontend/ with Nuxt), it shows you the top-level folders.
  3. Create one Cloud application per folder, both attached to the same repo, each with its own root directory.

The two applications are independent: separate environment variables, instances, scaling rules and domains. That's the point, since a marketing frontend and a queue-heavy API rarely have the same traffic pattern. The whole repository is still available at build time, so the frontend can import shared packages from sibling folders.

Next.js and Nuxt now appear in the framework picker next to Laravel and Symfony when you create an app.

Runtimes

JavaScript apps run on Node.js 20, 22 or 24 (24 is the default), Bun 1.2 or Deno 2.2.6. Cloud chooses based on your lockfile. TanStack Start is also listed as a supported JavaScript framework in the runtimes docs.

Setting up Next.js

  • Build: npm ci --audit false && npm run build
  • Start: your package.json start script (or deno task start on Deno)
  • Variables: NEXT_PUBLIC_* values reach the browser; everything else stays server-side. Cloud sets NODE_ENV=production and NEXT_PUBLIC_SITE_URL for you.

Setting up Nuxt

Nuxt adds a Mode option when you create the app: server rendering or static site generation.

  • Build: npm ci --audit false && npm run build (or npx nuxt generate for static)
  • Start: .output/server/index.mjs, run with node, bun or deno
  • Variables: NUXT_PUBLIC_* values are client-side; Cloud sets NUXT_PUBLIC_SITE_URL.

The Nuxt migration trap

Coming from Vercel, Netlify or Cloudflare? Remove any nitro.preset in nuxt.config and any NITRO_PRESET variable. Cloud uses Nitro's default node-server preset. A leftover preset still builds successfully, but produces output Cloud can't serve, so the deploy goes green while no traffic reaches your app. That one will cost you an afternoon if nobody warns you.

Also Read: Deploy Django, FastAPI & Flask on Laravel Cloud (Guide)

What changed under the hood

To support non-PHP apps properly, Laravel put every multi-language application behind Nginx, the same web server used for PHP. Two practical wins came with that: ports are now configurable rather than fixed per framework, and runtime access logs now show up in the dashboard for JavaScript apps, which previously had no request-level visibility. Laravel also says JavaScript builds are faster.

Who this helps most

  • Agencies: Laravel's announcement specifically mentions teams running a dozen client frontends; they can consolidate them under one account rather than paying per-seat on another platform.
  • Solo founders: one platform to learn instead of two.
  • Engineering leads: one permission model. Grant someone Developer access once and it covers frontend and backend.

FAQ

Does it cost extra to host Next.js or Nuxt on Laravel Cloud? No. Laravel says Next and Nuxt deployments are available on every plan at no additional cost; you pay for the compute they use like any other app.

Can the frontend and backend live in one repository? Yes. Create two Cloud applications pointing at the same repo with different root directories.

Does Nuxt static generation work? Yes. Choose static mode and use npx nuxt generate.

Related on The Web Tier

Sources: Deploy Next.js and Nuxt apps on Laravel Cloud · Laravel Cloud quickstart · Laravel Cloud changelog: monorepo support

TWT Staff

TWT Staff

Writes about Programming, tech news, discuss programming topics for web developers (and Web designers), and talks about SEO tools and techniques

Your experience on this site will be improved by allowing cookies Cookie Policy