nuxt3 with docker

Nuxt 3 with Docker. Learn the ins and outs of docker within the context of a nuxt 3 application.
Repo (just for example. will not be maintained) github.com/jur...
join my discord:
/ discord
Avantage:
avantage.fulls...

[@olufemiaf]

it will be interesting to see tutorial about the SSL, you do a great job at explaining these concepts

[@hansfrankfurt1870]

The part about overwriting docker-compose files was especially helpful, thank you for the great video!

[@fvgoya]

That's awesome!!!!!!!! THANK YOU!!! And yes, please, show us about the SSL. It's so hard find videos where people really show how to do it properly and that actually works.

[@generousmoustache8546]

Just what I've been looking for, and seemingly right on time! Thanks Jack! 😄

[@renends7615]

Great video, didactic and exciting. Docker is a subject that scares a little, because, in the first contact, it is something very complicated, however, this video demonstrated how easy it is and how much it is possible to improve. And that's fun! Not scary! Yes! This video has a lot of interesting topics, in addition to Nuxt, docker and all the tools that were demonstrated. I believe that each tool shown (which was used in docker) deserves a video. Maybe Kubernetes! This video helped me a lot! Thanks!

[@nicholasmaniccia1005]

Thank you I was trying to use AWS amplify and be lazy but somehow it is saying it builds and is successful, and I've double, and triple checked all my settings and configurations, yet I am getting an empty page. This was something I was putting off but having a guide like this really helped me just get it out of the way.

[@HG-wu6eb]

Hello! I wonder why the hot reload doesn't work when we use nuxt 3 / docker on Windows?

[@josephastrahan6403]

You are one of the best tutorial makers (and just overall talented individual) I've ever seen (and I don't say that lightly, having seen thousands), covering what is 'actually' important to know and see, great work! I can show you a technique for SSL using certbot I put together if you reach out to me later, it completely automates SSL. One question I do have is the importance of stdin_open and tty in the compose file, since it works without these also. What purposes are these serving?

[@yohan2024]

So, no hot reloading with auto refresh of the dom ? Isn't there a way to proxy the hot reload port the same way you did with the dev server ?

[@belarusgift]

I really find this video super helpful! Thank you!

[@thecommittee2434]

Right in Left out Nice tip Jack 👈🏼👉🏼

[@phanirithvij]

There is a terminal (tui) application called lazydocker which will help a lot when using docker and docker-compose.

[@wertin200]

Cool content, it would be nice to see more Nuxt 3 and Vue 3 content with docker.

[@dimusss]

Great video! My dream is to compile Django/postgres/redis and nuxt in one docker compose project ready for development and deployment.

[@siskoDE]

i don’t even understand why you need docker

[@breezycodes]

Right in... left out... Thank you

[@szymonandrzejewski6087]

I've done it 1:1 to you, but I have a problem with very slow page load. Also I don't see any changes on hot reload and even after page refresh (only when I refresh first time I see changes). To see my changes I must restart my docker container. Also I noticed that Nuxt Dev tools don't work. When I open nuxt without docker everything work good (it's fresh nuxt3 installation), so it's not a problem with nuxt.

[@RiazUddinMasum]

this is a good info.

[@huggybaer84]

Really good job man 👍

[@pyroneus9941]

When I do this, vite warmup goes from taking 2.5 seconds (when I run yarn dev) to 24seconds when running inside docker - this is on windows, with linux containers if that makes a difference. Any way to speed it up?

[@pyroneus9941]

This was windows + linux related - I've now moved my code to inside WSL2 and it's much faster. It was also fiddly to get HMR to work, but that's working now too

[@FullStackJack]

Glad to hear, I planned to look into it. Hadn't found the time. What was the HMR issue?

[@pyroneus9941]

@@FullStackJack Pretty much the same thing, WSL2 has difficulty adding filewatchers to files located on mounted windows drives , but I also had issues with ws vs wss and vite trying to use a different port which wasn't exposed in docker

[@dimusss]

Can I host multiple docker-compose projects on the same server? Is it an overload for server to run separate nginx and postgres instances for EACH project? 🤔

[@dimusss]

And.. if I want to deploy a project with let's encrypt's certificate autoupdate (certbot for example) - I have to use two nginx instances - one inside docker compose, and the other as system's nginx?

[@FullStackJack]

I don't know your use case, but my instinct says why would you want to? Servers are so cheap these days it's not necessary to even attempt this.

[@FullStackJack]

you can have certs and update them for an nginx service running inside of a container. They are just mapped somewhere onto the server. You would also not need more than one instance of nginx, regardless of how many domains you have. It's a reverse proxy, you just need to add each domain to the sites-enabled. Hope that sends you in the right direction.

[@sumetby5639]

Can I use VScode breakpoint to debug while developing? If yes, can you explain?

[@FullStackJack]

My first go at it I couldn't get debugging working. I'm certain it's possible, but so far no luck. If I do get it working I'll make a video on it. If you figure it out I'd love to hear about it.

[@FullStackJack]

finally figured it out 😀 kzbin.info/www/bejne/iJ3FdYtsi6hshpo

[@RiazUddinMasum]

Forked😁

[@khrystyan888]

In windows COMPOSE_FILE=docker-compose.yml:docker-compose.dev.yml The system cannot find the file specified.

[@виртуоз_ру]

Хорош 👍

[@josealfonso2117]

Awesome Video!. Thanks Trying the repo in my laptop got this error first ⠦ mysql Pulling no matching manifest for linux/arm64/v8 in the manifest list entries then adding platform: linux/x86_64 got me a little further but then got: ✔ Container nuxt3-docker-tut-avantage-1 Created ✔ Container nuxt3-docker-tut-mysql-1 Recreated Attaching to avantage-1, mysql-1, nginx-1 Gracefully stopping... (press Ctrl+C again to force) Error response from daemon: failed to create task for container: failed to create shim task: OCI runtime create failed: runc create failed: unable to start container process: error during container init: error mounting "/usr/local/playground/nuxt/nuxt3-docker-tut/config/nginx/nginx.conf" to rootfs at "/etc/nginx/nginx.conf": mount /usr/local/playground/nuxt/nuxt3-docker-tut/config/nginx/nginx.conf:/etc/nginx/nginx.conf (via /proc/self/fd/6), flags: 0x5000: not a directory: unknown: Are you trying to mount a directory onto a file (or vice-versa)? Check if the specified host path exists and is the expected type

[@dila8621]

great video mate. thank you

[@69guigz]

Good video, thx