If you make a project on Symfony and Vue.js, then where is it recommended to store the frontend?

Question

symfony

If you create a SPA web application based on Symfony and Vue.js, then where is it desirable to store the frontend sources and how to give them to the browser through Symfony? Is it correct to store the assets folder in the root of the Symfony project , which will contain the Vue.js project, and use WebpackEncoreBundle for this purpose?

Answer 1

1) Backend Symphony. Doesn't do anything for the front at all.
2) A separate project for the Front (Vue)
3) The exchange goes through rest, verification through tokens (which are generated by the front and verified by the back).
Usually the front lies on the main domain, and the back sits on something api.domain.com

Answer 2

One of the suitable options is suggested in the Symfony documentation: https://symfony.com/doc/current/frontend/encore/vu... - tested on a real project. Everything else on your question is also done as in ordinary Symphony projects, without any special features.

Answer 3

Is it correct to store the assets folder in the root of the Symfony project, which will contain the Vue.js project, and use WebpackEncoreBundle for this purpose?

Only if you are a masochist and like to create difficulties for yourself and then heroically fight them, complaining to everyone around.
Why try to combine two different projects in one repository and one build system?
Just keep them in different repos, use different build systems, deploy separately.

Answer 4

Why not host a spa separately?
Moreover, the fronts love to stir up their cunning assemblies ..