Permission issues while dockerizing Laravel App for production

This is a Laravel-Vue-Inertia App.

This works well:

docker-compose.yml

services:
    app:
        build:
            context: .
            dockerfile: Dockerfile
        image: laravel-app
        container_name: app
        restart: unless-stopped
        tty: true
        user: www-data     #has no effect
        depends_on:
            - db
        environment:
            SERVICE_NAME: app
            SERVICE_TAGS: prod
        working_dir: /var/www
        volumes:
            - ./:/var/www
            - ./docker/php/prod.ini:/usr/local/etc/php/conf.d/prod.ini
        networks:
            - app-network
        entrypoint: ["sh", "docker/entrypoint.sh"]

    webserver:
        image: nginx:alpine
        container_name: webserver
        restart: unless-stopped
        tty: true
        ports:
            - "8080:80"
        volumes:
            - ./:/var/www
            - ./docker/nginx/:/etc/nginx/conf.d/
        networks:
            - app-network

    db:
        image: mysql:5.7.22
        container_name: db
        restart: unless-stopped
        tty: true
        ports:
            - "3306:3306"
        environment:
            MYSQL_DATABASE: ${DB_DATABASE}
            MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
            MYSQL_USER: ${DB_USERNAME}
            MYSQL_PASSWORD: ${DB_PASSWORD}
        volumes:
            - dbdata:/var/lib/mysql/
        networks:
            - app-network

networks:
    app-network:
        driver: bridge
volumes:
    dbdata:
        driver: local

Dockerfile

# Use the official PHP 8.2 image
FROM php:8.2-fpm

RUN apt-get update && apt-get install -y \
    build-essential \
    .. rest of build requirements

# Install Composer
COPY --from=composer:latest /usr/bin/composer /usr/local/bin/composer

# Install Node.js and npm
RUN curl -fsSL https://deb.nodesource.com/setup_20.x | bash - && \
    apt-get install -y nodejs

ENV APP_ENV production

# Set working directory
WORKDIR /var/www

# Copy application source code
COPY . .

# Install PHP dependencies
RUN composer install --no-interaction --optimize-autoloader --no-dev

# Install Node.js dependencies
RUN npm install
RUN npm run build

RUN php artisan config:cache
RUN php artisan route:cache
RUN php artisan view:cache

EXPOSE 9000

entrypoint.sh

# All of these permissions lines has no effect

chown -R www-data:www-data .    
find /var/www/ -type d -exec chmod 755 {} \;
find /var/www/ -type f -exec chmod 644 {} \;
chmod 600 /var/www/.env
chmod -R 755 /var/www/storage
chmod -R 755 /var/www/bootstrap/cache

echo "Starting PHP-FPM"
php-fpm

executing ls -la inside the container shows that all files are owned by nobody:nogroup with permissions 777.

I concluded that it's because it's referencing my local project, so I removed - ./:/var/www in app->volumes. Now, all the permissions are set correctly and owned by www-data.

Problem is

After changing the owner and permissions to www-data, the app is no longer loading and full of 404 errors:

       GET http://localhost:8080/build/assets/app-DCXnU3p8.css net::ERR_ABORTED 404 (Not Found)Understand this error
build/assets/Login-DzgtpemJ.js:1 
        
       GET http://localhost:8080/build/assets/Login-DzgtpemJ.js net::ERR_ABORTED 404 (Not Found)Understand this error
build/assets/app-DqDhRdxO.js:1 
        

Even though the build was successful, and the files chrome tries to fetch are there is /public/build/assets.

Any help would be much appreciated!