Level 80
I presume i have to ad another image/container for the vue ??
@csaba_szekely Why? Just serve your SPA from a route in the Laravel app.
Sep 13, 2022
9
Level 8
Laravel backend & Vue3 frontend with Sail
Hi all!
I have a project that uses Sail.
The backend will be a Laravel API, the frontend will be a SPA using Vue3.
I'm trying to run all this with Sail.
The backend is working fine, Laravel / phpMyAdmin / Mailhog is running fine with Sail.
I have a problem with the frontend setup, how do I approach this?
I presume i have to ad another image/container for the vue ??
Some hints here are welcome .
Level 8
@martinbean I don't serve the SPA through Laravel. Laravel serves as the API for the SPA.
Level 80
@csaba_szekely Then yes, add a new container to serve your SPA using npm serve or whatever command you use to build and boot it.
Level 50
@csaba_szekely Yes, creating separate Docker container is the way. A simple alpine environment should be enough.
Level 8
@Niush Ok, can you point me to a tutorial or some documentation. I'm not searching the right terms, can't find useful links.....
Level 50
@csaba_szekely This one looks good enough: https://dev.to/jiprochazka/starting-up-a-new-vue-3-project-with-vite-and-docker-3355
It can be modified to use node:lts-alpine and change expose to ports as suggested by one comment.
1 like
Level 8
@Niush Thank you!
Level 1
@csaba_szekely Hi, still can't configure sail for fronted, do you have any ideas on how to do it?
Level 55
I would add another container for the frontend built with Vue.js if you want to run the frontend and backend in separate containers. I would also take a look at Inertia.js. To me its an excellent idea to use it.
Please or to participate in this conversation.