docker
added a guide for Dockerized Vue.js application
This PR delivers a Vue.js focused guide for containerizing applications using Docker, aimed at streamlining development, testing, and deployment workflows. It follows modern DevOps practices and includes a complete CI/CD setup using GitHub Actions.
What's Included
- Step-by-step Docker setup for Vue.js applications
- Local development configuration using Docker Compose
- Running unit tests (Vitest) inside Docker containers
- CI/CD pipeline using GitHub Actions for automated builds and deployments
- Deployment instructions for a local Kubernetes cluster to validate production readiness
- [fix] for Angular develop docker file.
Credits Kristiyan Velkov, Docker Captain and experienced Front-end Engineer
CC: @craig-osterhout, @igor-alexandrov, @ajeetraina
Deploy Preview for docsdocker ready!
| Name | Link |
|---|---|
| Latest commit | 38aff92f50d4d3b3097fb82f3d6ecfeaacde7a0b |
| Latest deploy log | https://app.netlify.com/projects/docsdocker/deploys/686cdd6bdb8217000833b91d |
| Deploy Preview | https://deploy-preview-22776--docsdocker.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify project configuration.
![netlify[bot] avatar](https://avatars.githubusercontent.com/in/13473?v=4 "Published by a pub.dev verified publisher"){kind=small}
Hi @kristiyan-velkov, great guide! I was wondering if there’s an example app repository that goes along with it? Usually, Docker guides come with something to clone and run — like in https://docs.docker.com/guides/tensorflowjs/ or https://docs.docker.com/guides/language-translation/ from the AI section provided by Harsh. Would be great to try it out hands-on! 🙂
Hi @kristiyan-velkov, great guide! I was wondering if there’s an example app repository that goes along with it? Usually, Docker guides come with something to clone and run — like in https://docs.docker.com/guides/tensorflowjs/ or https://docs.docker.com/guides/language-translation/ from the AI section provided by Harsh. Would be great to try it out hands-on! 🙂
Hi! Thanks a lot — I really appreciate the kind words. Yes, I provide a sample app repository that goes along with the guide. You can clone and run it to try things out hands-on. Let me know if you run into any issues or want to see more examples!
Here’s the repo: https://github.com/kristiyan-velkov/docker-vuejs-sample
Happy coding! 🚀
@eunomie, when you have a moment, feel free to add any additional comments or suggestions for improvement. Otherwise, if everything looks good to you, please go ahead and click Approve.
More random comments. Sorry this is taking so long. I'm trying to get through it. LOL
@brandonh6k , all of the comments was so relevant and good, thank you! Could you please review again ?
@kristiyan-velkov great guide! LGTM. I have a few minor concerns about the example app. I’ve cloned it and tried running the wizard, but it didn’t seem to work. I think it would be really helpful if we could clone the final example with all the Docker and Compose files in place, optimized for Vue.js.
@kristiyan-velkov great guide! LGTM. I have a few minor concerns about the example app. I’ve cloned it and tried running the wizard, but it didn’t seem to work. I think it would be really helpful if we could clone the final example with all the Docker and Compose files in place, optimized for Vue.js.
Thank you for you comment @rw4lll. I have all of the code in place in develop branch. Could you pls share with me what exactly was the issue, so I will be able to resolve it really fast ?
