bascott's questions

No momento, estou configurando um servidor HTTPS com Go usando uma assinatura autoassinada armazenada em cert.peme key.pempara desenvolvimento. Sempre que executo o servidor localmente, ele funciona muito bem, permitindo que eu me conecte ao meu servidor HTTPS. No entanto, quando construo meu Dockerfile e o executo de lá, meu navegador retorna esta página:

Continuo tentando usar ADDe COPYcom os dois arquivos no meu Dockerfile porque não tenho certeza se ele está sendo incluído no meu projeto Go depois de ser construído, mas sempre que tento construir o Dockerfile modificado, ele me dá um erro que diz que não consegue encontrar os arquivos. O comando docker que estou executando é sudo docker run -p 8080:8080 hxgo-skeleton. Como adiciono os arquivos cert.peme key.pemno meu Dockerfile para um servidor web Golang?

Arquivo Docker

# Build
FROM golang:1.23.3-alpine AS build-env
ENV APP_NAME=hxgo-skeleton
ENV CMD_PATH=cmd/api/main.go
COPY . $GOPATH/src/$APP_NAME
COPY .env $GOPATH/src/$APP_NAME
WORKDIR $GOPATH/src/$APP_NAME

# Building the Go application
RUN CGO_ENABLED=0 go build -v -o /$APP_NAME $GOPATH/src/$APP_NAME/$CMD_PATH
 
# Run
FROM alpine:3.14
ENV APP_NAME=hxgo-skeleton
COPY --from=build-env /$APP_NAME .
COPY .env .
EXPOSE 8080
CMD ./$APP_NAME

Estou tentando usar uma consulta de mídia dentro do meu globals.cssarquivo para ajustar meu CSS para diferentes tamanhos de tela, mas o estilo da minha consulta de mídia não está sendo refletido. Funciona quando uso o estilo embutido do Tailwind, mas quero que as alterações sejam aplicadas a tags específicas, já que estou usando markdown. Não importa onde eu olhe na página de documentação do Tailwind e do Next.js, não consigo encontrar nenhuma regra exclusiva entre os dois que impeça minha consulta de mídia de funcionar da maneira que desejo. Como faço para usar consultas de mídia no global.cssarquivo Next.js com o Tailwind habilitado?

globais.css

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    background-color: white;
    margin: 50px 0px;
    overflow-x: hidden;
}

@media screen and (max-width: 500) {
    body {
        background-color: black;
        margin: 50px 0px;
        overflow-x: hidden;
    }
}