💡 Digitar no terminal do host:

1. echo "UID=$(id -u)" >> .env

2. echo "GID=$(id -g)" >> .env

Esses valores são usados para garantir que os arquivos criados dentro do contêiner tenham as mesmas permissões do usuário no host, evitando problemas de acesso.

UID=1000

Define o User ID que o contêiner usará.

GID=1000 

Define o Group ID que o contêiner usará.

---

💡 Para rodar o container do NODE de forma correta:

1. docker compose run --service-ports --rm -it node sh
2. docker compose run --rm -it -p 5173:5173 node sh

Com --service-ports, o Docker mantém as portas definidas no docker-compose.yml, garantindo que o Vite fique acessível.

---

💡 Configurar no vite.config.js:

import { defineConfig } from "vite"; // Importa função de configuração do Vite
import laravel from "laravel-vite-plugin"; // Importa o plugin oficial do Laravel para Vite

export default defineConfig({
    plugins: [
        laravel({
            input: ["resources/css/app.css", "resources/js/app.js"], // Arquivos principais de CSS e JS a serem processados
            refresh: true, // Ativa atualização automática ao salvar arquivos Blade, CSS ou JS
        }),
    ],
    server: {
        host: "0.0.0.0", // Permite conexões de qualquer IP (necessário em Docker)
        port: 5173, // Define a porta usada pelo servidor Vite
        hmr: {
            host: "localhost", // Endereço usado pelo navegador para conectar ao WebSocket (HMR)
            port: 5173, // Porta usada para HMR (Hot Module Replacement)
        },
        watch: {
            usePolling: true, // Força verificação de arquivos em intervalos (evita falhas no Docker/WSL)
        },
    },
});

Permite acessos externos à aplicação e define a porta onde o Vite será executado

---

💡 Criar um link simbólico apontando para o diretório public do projeto:

ln -s src/public public

Cria um link simbólico chamado "public" que aponta para "src/public"