Nuxt + NGINX Proxy Development Environment

This project provides a reproducible Nuxt 3 development setup behind an NGINX proxy using Docker and docker-compose. The development server is accessed via http://nuxt-proxy.lo:8083. This configuration helps resolve common proxy issues with Nuxt and development tooling.

Prerequisites

• Docker & Docker Compose installed on your machine .
• Node.js version 20+ if you want to run outside Docker.
• Add nuxt-proxy.lo to your /etc/hosts file for local DNS resolution.

Add to /etc/hosts

127.0.0.1 nuxt-proxy.lo

Project Structure

• Dockerfile: Multi-stage file for dev and build environments.
• docker-compose.yml: Defines Nuxt and NGINX proxy containers.
• nginx.conf: Custom NGINX config for proxying Nuxt.
• package.json: Nuxt app dependencies.

Setup

1. Start With Docker Compose

docker-compose up --build

2. Access the App

• Open http://nuxt-proxy.lo:8083 in your browser.