Deploy Next.js & Nuxt on Laravel Cloud | Mohamed Said [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://www.msaied.com) [ Home ](https://www.msaied.com) [ Projects ](https://www.msaied.com/projects) [ Articles ](https://www.msaied.com/articles) [ Certificates ](https://www.msaied.com/certificates) [ Contact ](https://www.msaied.com#contact-section) [ ](https://github.com/EG-Mohamed) [ Home ](https://www.msaied.com) [ Projects ](https://www.msaied.com/projects) [ Articles ](https://www.msaied.com/articles) [ Certificates ](https://www.msaied.com/certificates) [ Contact ](https://www.msaied.com#contact-section) [ home ](https://www.msaied.com) [ articles ](https://www.msaied.com/articles) Deploy Next.js and Nuxt Apps on Laravel Cloud On this page 1. [ Deploy Next.js and Nuxt Apps on Laravel Cloud ](#deploy-nextjs-and-nuxt-apps-on-laravel-cloud) 2. [ The Problem It Solves ](#the-problem-it-solves) 3. [ How It Works: Monorepo-Aware Deployments ](#how-it-works-monorepo-aware-deployments) 4. [ Framework-Aware Configuration ](#framework-aware-configuration) 5. [ What Changed Under the Hood ](#what-changed-under-the-hood) 6. [ One Platform, One Bill ](#one-platform-one-bill) 7. [ Key Takeaways ](#key-takeaways) 8. [ Getting Started ](#getting-started) ![Deploy Next.js and Nuxt Apps on Laravel Cloud](https://cdn.msaied.com/482/f7c51bc5c6a5148320771cfa2bfe217e.png) [ Laravel ](https://www.msaied.com/articles?category=laravel) #Laravel Cloud #Next.js #Nuxt #Deployment #Full-Stack Deploy Next.js and Nuxt Apps on Laravel Cloud =============================================== 28 Jul 2026 4 min read ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said Table of contents 1. [ 01 Deploy Next.js and Nuxt Apps on Laravel Cloud ](#deploy-nextjs-and-nuxt-apps-on-laravel-cloud) 2. [ 02 The Problem It Solves ](#the-problem-it-solves) 3. [ 03 How It Works: Monorepo-Aware Deployments ](#how-it-works-monorepo-aware-deployments) 4. [ 04 Framework-Aware Configuration ](#framework-aware-configuration) 5. [ 05 What Changed Under the Hood ](#what-changed-under-the-hood) 6. [ 06 One Platform, One Bill ](#one-platform-one-bill) 7. [ 07 Key Takeaways ](#key-takeaways) 8. [ 08 Getting Started ](#getting-started) Deploy Next.js and Nuxt Apps on Laravel Cloud --------------------------------------------- Laravel Cloud now supports deploying **Next.js** and **Nuxt** frontends directly alongside your Laravel backend. Same repository, same platform, same bill — no more juggling two separate hosting accounts and two deployment pipelines. ### The Problem It Solves Most Laravel APIs don't stand alone. Teams typically pair them with a customer-facing frontend, admin dashboard, or storefront built in Next.js or Nuxt. Until now, that frontend lived somewhere else: a separate host, a separate deployment workflow, and a separate invoice. Every release meant coordinating two deploys, watching two dashboards, and debugging environment mismatches between the API URL your frontend expected and the one your backend actually exposed. With Next.js and Nuxt support on Laravel Cloud, you push once and both the frontend and backend build, deploy, and scale from the same repository. ### How It Works: Monorepo-Aware Deployments Next.js and Nuxt deployments run on the same mechanism as Laravel Cloud's monorepo support. When you create a new application, Cloud analyses your repository and determines whether it contains one application or multiple. If it finds more than one — for example, a Laravel backend and a Next.js frontend — it shows you the top-level directories and lets you pick which one each application should deploy from. For a repository with both a backend and a frontend: 1. Create a Cloud application for the **backend**, attach your repository, and select the backend directory as the root. 2. Create a second Cloud application for the **frontend**, attach the same repository, and select the frontend directory as the root. Every directory in the repository remains available during the build, so your frontend can still reference shared packages or sibling folders if needed. ### Framework-Aware Configuration Each application is a fully independent Cloud resource with its own environment variables, instances, scaling settings, domains, and attached services. Because Cloud is framework-aware, it exposes different configuration options based on each application's runtime — your Next.js or Nuxt app is configured differently from your Laravel backend without manual intervention. This independence also means you can size and scale each application on its own terms. Frontends and backends tend to have different traffic patterns, so treating them as separate deployable units is the right model. ### What Changed Under the Hood - **Nginx for all runtimes.** Every multi-language application, including Next.js and Nuxt, now runs behind Nginx — the same web server Cloud already uses for PHP. - **Configurable ports.** Ports are no longer hardcoded to a framework default. - **Runtime access logs.** Request-level logs are now visible in the dashboard for non-PHP applications. - **Faster JavaScript builds.** Build times for JavaScript applications have been improved. - **Framework picker updated.** When creating a new application, Next.js and Nuxt appear alongside Laravel and Symfony in the framework selector. ### One Platform, One Bill Teams can deploy Next.js and Nuxt frontends on **every Laravel Cloud plan at no additional cost**. Instead of managing two sets of infrastructure and two sets of team permissions, everything lives in one Cloud organisation: - One bill for the entire stack. - One place to grant Admin or Developer access across all applications. - No per-seat charges on a separate frontend platform. This is particularly valuable for agencies running multiple client sites, each with its own frontend, and for solo founders who don't want to learn a second infrastructure stack just to put a UI in front of their API. ### Key Takeaways - Next.js and Nuxt deployments are now available on all Laravel Cloud plans at no extra cost. - Both frameworks use the same monorepo mechanism: attach one repository, select different root directories per application. - Each application scales independently with its own environment variables, domains, and instances. - Nginx now backs all runtimes, enabling configurable ports and access log visibility. - Team access and billing are unified under a single Cloud organisation. ### Getting Started Sign up for [Laravel Cloud](https://cloud.laravel.com/sign-up), connect your repository, create a second application rooted at your frontend directory, and deploy it alongside your existing Laravel app. Refer to the official [Next.js quickstart](https://laravel.com/cloud/docs/quickstart#next-js) and [Nuxt quickstart](https://laravel.com/cloud/docs/quickstart#nuxt) docs for full configuration options. --- *Source: [Deploy Next.js and Nuxt apps on Laravel Cloud](https://laravel.com/blog/deploy-nextjs-and-nuxt-apps-on-laravel-cloud) — Laravel Blog, July 28, 2026.* Found this useful? [ ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.msaied.com%2Farticles%2Fdeploy-nextjs-and-nuxt-apps-on-laravel-cloud&text=Deploy+Next.js+and+Nuxt+Apps+on+Laravel+Cloud) [ ](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.msaied.com%2Farticles%2Fdeploy-nextjs-and-nuxt-apps-on-laravel-cloud) Frequently Asked Questions ---------------------------- 3 questions Q01 Can I deploy a Next.js or Nuxt frontend and a Laravel backend from the same Git repository on Laravel Cloud? Yes. Laravel Cloud's monorepo support lets you create two separate Cloud applications pointing at the same repository, each with a different root directory — one for the Laravel backend and one for the Next.js or Nuxt frontend. Both deploy independently with their own environment variables, scaling settings, and domains. Q02 Is there an additional cost to deploy Next.js or Nuxt apps on Laravel Cloud? No. Next.js and Nuxt deployments are available on every Laravel Cloud plan at no additional cost. Both the frontend and backend applications are billed under the same Cloud organisation, resulting in a single unified invoice. Q03 How does Laravel Cloud handle scaling for a Next.js or Nuxt frontend compared to a Laravel backend? Each application is a fully independent Cloud resource, so you can configure scaling settings separately for the frontend and the backend. Because frontends and backends often have different traffic patterns, this lets you size each one on its own terms rather than treating the entire repository as a single deployable unit. Continue reading More Articles --------------- [ View all ](https://www.msaied.com/articles) [ ![MySQL Query Profiling in Laravel: EXPLAIN ANALYZE, Slow Query Log, and Index Hints](https://cdn.msaied.com/481/8bfc417cb94b3e2868428e065fe4b166.png) laravel mysql performance ### MySQL Query Profiling in Laravel: EXPLAIN ANALYZE, Slow Query Log, and Index Hints Stop guessing why a query is slow. Learn how to use EXPLAIN ANALYZE, Laravel's slow query log listener, and in... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 28 Jul 2026 4 min read Read ](https://www.msaied.com/articles/mysql-query-profiling-in-laravel-explain-analyze-slow-query-log-and-index-hints) [ ![Laravel Custom Eloquent Relations: Building Polymorphic and Composite-Key Relations](https://cdn.msaied.com/480/c7d2c0d0fd1823460fbdb138f77b573f.png) laravel eloquent database ### Laravel Custom Eloquent Relations: Building Polymorphic and Composite-Key Relations Eloquent's built-in relations cover 90% of cases, but composite-key joins and non-standard polymorphic pivots... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 28 Jul 2026 4 min read Read ](https://www.msaied.com/articles/laravel-custom-eloquent-relations-building-polymorphic-and-composite-key-relations) [ ![PostgreSQL JSONB in Laravel: Indexing, Querying, and Casting Without the Overhead](https://cdn.msaied.com/479/d7c54bd7a42ee57610a29f19a2c5e0fa.png) laravel postgresql jsonb ### PostgreSQL JSONB in Laravel: Indexing, Querying, and Casting Without the Overhead JSONB columns unlock flexible schemas, but misused they become performance sinkholes. This guide covers GIN in... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 28 Jul 2026 4 min read Read ](https://www.msaied.com/articles/postgresql-jsonb-in-laravel-indexing-querying-and-casting-without-the-overhead) [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://www.msaied.com)Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. Explore - [Home](https://www.msaied.com) - [Projects](https://www.msaied.com/projects) - [Articles](https://www.msaied.com/articles) - [Certificates](https://www.msaied.com/certificates) - [Contact](https://www.msaied.com#contact-section) Connect - [ hello@msaied.com ](mailto:hello@msaied.com) - [ +20 109 461 9204 ](tel:+201094619204) © 2026 Mohamed Said. All rights reserved. [ ](https://github.com/EG-Mohamed) [ ](https://www.linkedin.com/in/msaiedm/) [ ](https://wa.me/201094619204) [ ](mailto:hello@msaied.com) [ ](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view)