---
title: "How do I configure the output directory for the Front End Hosting - Advanced offering?"
date: "2025-05-07T15:03:33+00:00"
summary: "Configure custom output directories for Front End Hosting - Advanced in Next.js and Nuxt.js. Step-by-step guide included."
image:
type: "article"
url: "/acquia-cloud-platform/add-ons/node-js/help/68526-how-do-i-configure-output-directory-front-end-hosting-advanced-offering"
id: "5242fbe2-d171-47b4-93b9-29ad30087faa"
---

The Front End Hosting - Advanced offering expects the output directory in a default location based on a framework such as .next or .nuxt. To customize the output directory, edit the framework’s config file,add the [distDir](https://nextjs.org/docs/app/api-reference/config/next-config-js) property in  next.config.js for the Next framework , add the [buildDir](https://nextjs.org/docs/app/api-reference/config/next-config-js) property in nuxt.config.js for Nuxt.

The following is an example configuration for the Next framework:

    const path = require('path');
    
    const nextConfig = {
      distDir: 'path/to/output-dir',
    };
    
    module.exports = nextConfig;