@@pudidamdam8032 Lao language

Hi! In the video, it is not explicitly mentioned why Nginx is installed in both containers. Nginx can be used for a variety of purposes in a Dockerized application, such as a reverse proxy, load balancer, or static file server. It's possible that Nginx is being used for one or more of these purposes in both containers in this video.

That's great to hear! Thanks for letting us know it was effective

You mean hot reload for flutter, or you mean how I setup the camera 📷

@@devla7368 i mean hot reload, can you show me how to do it

@@devla7368 i mean the hot reload!

ມາມາ ຝາກຕິດຕາມໄວ້ເດີ

you need to add watcher in nuxt.config.ts vite: { server: { watch: { usePolling: process.env.WATCHER_DEV === 'true' ? true : false } }, but your CPU will goes up using 100%, I dont recommend it using docker in dev. but who knows, maybe people know how vite default watcher, im still looking for it. 1 month passed, do you have any solutions?

It sounds like you're encountering a situation where your application is running on port 8080, but your domain is configured to look for it on port 80 (the standard web server port). This mismatch is causing the default Nginx page to display instead of your application.

There are two main approaches to redirect traffic from port 80 to port 8080: 1. Using a Reverse Proxy (Recommended) 2. Modifying Application Configuration (if applicable):

Enjoy (:-:) Coding!

There are a couple of reasons why I might choose to install Node.js on the host machine instead of using Docker in this project: Simplicity: For a small project, installing Node directly on the host can be simpler and faster to set up than introducing Docker. Development Workflow: If I'm actively developing the project and making frequent changes, installing Node on the host might streamline the development process by avoiding the need to rebuild the Docker container every time.

@@devla7368 I prefer using a Docker image that includes node, this help me to initialize a project instead of installing node in the host, I think is handy. Something like this: docker run --rm -it -v "$(pwd)":/app -w /app node:lts-alpine yarn create vite .

No problem!

Think of the Dockerfile as a recipe for building the kitchen (your base image). It includes installing the oven (Nginx). However, the recipe doesn't tell you how to cook a specific dish (specific Nginx configuration). The docker-compose.yml acts like the recipe book where you define the instructions for cooking a particular dish (configuring Nginx for your specific needs). By separating the Dockerfile and docker-compose.yml configuration, you achieve a more modular and maintainable approach for deploying your application with Nginx.

Welcome!

Cheers 🍻

Aww, hi there! Yes, I do work with Golang, and I'm more than happy to help you learn more about it. What specifically would you like to know? Are you just starting out or already have some experience with programming? Let me know and I'll do my best to assist you!

Thanks for the tip! Copying yarn.lock alongside package.json can definitely speed up yarn install. It helps ensure everyone on the project uses the exact same dependencies and versions, avoiding installation inconsistencies. I'll be sure to incorporate this into the workflow.

Not sure which container you want to delete, for this case, Vue app container can’t run without nginx

@@devla7368 nginx is used port forwarding reverse proxy, right?

take this: FROM node:lts-alpine # install simple http server for serving static content RUN npm install -g http-server # make the 'app' folder the current working directory WORKDIR /app # copy both 'package.json' and 'package-lock.json' (if available) COPY package*.json ./ # install project dependencies RUN npm install # copy project files and folders to the current working directory (i.e. 'app' folder) COPY . . # build app for production with minification RUN npm run build EXPOSE 8080 CMD [ "http-server", "dist" ]

Thanks buddy

Thank you! Cheers!

Thanks 👍

ດ່ຽວໄດ້ເຫັນ, ກົດຕິດຕາມໄວ້ເລີຍ 👍👍

ແນະນຳໃຊ້ ປີ 2015 ຂື້ນໄປ ມັນຈຶ່ງຍັງສາມາດໃຊ້ງານ ອີກຍາວ, 2012-2013 ກາໃຊ້ໄດ້ຄືກັນ

2015 ລຸ້ນ air ຫຼື pro ກະໄດ້ບໍ່ອ້າຍ ຫຼືຕ້ອງເອົາລຸ້ນ pro ຊື້ມາແລ້ວນ້ອງສິຮຽນນຳຄລິບອ້າຍເລີຍ 😊

@@maxkris7030 ດີແທ້ ກາໂຕ pro ເລີຍເດີ,

This's lao Language

@@mehedihasanovi I will try in the next video, Thanks for your feedback

ເຈົ້າ ສະບາຍດີ

@@devla7368 ຮັບສອນບໍ?

@@codianacademy9970 ຮັບສອນເດີ ສົນໃຈ ທັກລົມກັນໄດ້ທີ່: 2028492947

ຮັບສອນເດີ ເຈົ້າ ສົນໃຈສາມາດ ທັກມາໄດ້ເລີຍ ເດີ 02078542291

ມາມາ

ໄດ້ແຕ່ເຊິ່ງຕ້ອງຕິດຕັ້ງ Laravel-mix ແລ້ວທຳການ ເອົາ ວິວທີເຮັດແລ້ວເຂົ້າມາ

@@devla7368 ມີເປັນວິດີໂອສອນບໍເຈົ້າ

ບໍມີເດີ ເຈົ້າ

ຂໍອະໄພ ນຳຫຼາຍໆເດີ ທີ່ຕອບຊ້າ, ຕອນນີ້ແກ້ໄດ້ແລ້ວບໍ

ຮັບສອນເດີ ເຈົ້າ ສົນໃຈສາມາດ ທັກມາໄດ້ເລີຍ ເດີ 02078542291

ການທີ່ຈະມາ convert ເປັນ ໂຄດຂອງ Mobile App ໂດຍຕົງ ມັນບໍສາມາດເຮັດໄດ້ເດີ, ແຕ່ມີວິທີເຮັດກໍຄື ແມ່ນເອົາ ເວັບມາເລັນເດີ ໃນ ແອັບເຮົາໄດ້ ເຊິ່ງເອີ້ນກັນວ່າ webview

@@devla7368 ຂອບໃຈຫລາຍໆ ສຳລັບຂໍ້ມູນ ແລະ ໂດຍສ່ວນຫລາຍໃນປະຈຸບັນ ໃຊ້ວິທີນີ້ບໍ່ ໃນການປ່ງນຈາກເວັບໄປເປັນ ແອບ ເຊັ່ນ foodpanda app ຄິດວ່າ ຫນ້າຈະມາຈາກ ເວັບບໍ່

Foodpanda app ຕາມທີ່ໄດລອງເບິ່ງ ມັນຮູ້ສຶກຫວາ ເປັນ ພາສາ Native ໂດຍຕົງ, ເຊິ່ງຖ້າຫາກເຮົາເອົາ webview ມັນຈະບໍສາມາດໃຊ້ ສະມູດໄດ້ປານນັ້ນ

ສະແດງວ່າຕ້ອງ ໄດ້ ຮງນທັງ ສອງ ພາສາ ສຳລັບ ແອນດອຍ ແລະ ໄອໂອເອສ ຖ້າຢາກພັດທະນາ ແອບໂມບາຍ ແມ່ນບໍ່ ຈ້າວ ຫລື ມີວິທີໃດທີ ຂງນແລ້ວ ໃຊ້ໄດ້ທັງ ios ແລະ Android ນອກຈາກ flutter

ມັນກໍຂື້ນກັບຫນ້າວຽກເຮົາ ວ່າມັນເໝາະກັບເຄື່ອງມືໂຕໄດ ປັດຈຸບັນຖ້າຫາກ ຈະຂຽນເທື່ອດ່ຽວໄດ້ທັງສອງ ແນະນຳ Flutter ກັບ React Native