Containerize the Next.js Frontend

[Jeffrey0522]

Containerize Frontend with Docker

• Name / Title: Containerize the Next.js Frontend
• Complexity: Medium
• Task Type: DevOps
• Description: The Next.js frontend must be containerized for Google Cloud Run using Next.js standalone output tracing optimization.
• Technical Requirement: Docker, Next.js.
• Estimated time to deliver: 4 hours
• Acceptance criteria:
  • next.config.ts is updated to include output: 'standalone'.
  • A valid, multi-stage Dockerfile is placed at the root of the frontend repository.
  • The container runs successfully and serves the UI on the defined port.
• MUST DOs:
  • Optimize the build to only copy necessary standalone files to the final runner stage.
  • Expose default Cloud Run expectations (port 8080/3000) inside the Dockerfile via ENV PORT.
• References:
  • Repo: skillcert-frontend
  • Files: Dockerfile, .dockerignore, next.config.ts

[Joaco2603]

Hello! I’d like to take this issue.

I’m a Backend Engineer with solid experience in Docker, containerization, and cloud deployments, particularly with services like Google Cloud Run. I’ve worked on multi-stage builds, image optimization, and production-ready container setups for Node.js and Next.js applications.

[legend4tech]

Hi, I’m Legend4Tech, a full-stack developer and a former fellow at OnlyDust. I came across this issue and I’m really interested in working on it. I have experience across both frontend and backend development, and I enjoy digging into problems, understanding the context, and delivering clean, well-structured solutions.

I’d be happy to contribute and collaborate with the maintainers to get this resolved. Please let me know if you’d like me to proceed or if there are any specific guidelines I should follow.

[KaruG1999]

Hi team, I'm Karen, a full-stack developer. I've containerized Next.js apps for Cloud Run before and can take this one. To keep things clean, I'll focus on avoiding bloated image sizes by making sure no dev dependencies leak into the final standalone image, and I'll set it up so the node process doesn't run as root :)

[Cbiux]

Hey team!

I'd love to be assigned this one. I have experience with Docker and Next.js and during university I worked on several projects where containerizing apps was part of the workflow, so I feel very comfortable with this. I know exactly how to approach the multi-stage build and the standalone output optimization for Cloud Run.

I could have the core implementation done in about 4 hours, but I'd take up to 1.5 days to make sure everything is properly tested and production-ready. I want to deliver something that actually works well, not just something that runs.

I'm already in your Telegram so any feedback or questions can be handled quickly. I'd love to be part of this project and I'll give my best to make sure this is done right.

Thanks so much! Blessings

[Cbiux]

Thanks for assigning this to me, I really appreciate it!

I’ll get started on it right away and keep you posted on the progress.