DEV Community

Cover image for How to Structure Vue Projects

How to Structure Vue Projects

Alexander Opalic on May 12, 2024

Table of Contents Introduction Some General Rules Base Component Names Tightly Coupled Component Names Order of Words in Component N...
Collapse
 
drfcozapata profile image
Francisco Zapata

Although my 'organization' is small (just me) most of my projects are monoliths developed with Vue, Laravel and Inertia, and I prefer the feature sliced design structure for always thinking about scalability of projects and ease of maintenance.
Excellent post, thanks for sharing it!

Collapse
 
devmount profile image
Andreas

Seeing those example file structures is extremely helpful! In a way, I already used the Atomic Design approach without the molecules level. Depending on the project size, I guess it's fine to skip one level.

Thank you for this post!

Collapse
 
davestewart profile image
Dave Stewart • Edited

Great article!

Had not seen Feature-Sliced Design before, but I really like what I see.

So much so I've linked to this post from my recent Nuxt Layers article:

Thanks!

Collapse
 
alexanderop profile image
Alexander Opalic

Awesome, thank you! Yeah, Feature-Sliced Design is not very popular, but it looks really interesting. In general, the frontend world lacks good content about structure and architecture.

Collapse
 
sujitmohanty profile image
Sujit Mohanty

Thanks so much for this!

Collapse
 
dipenparmar12 profile image
Dipen Parmar

A truly remarkable blog

Collapse
 
dvalin99 profile image
Domenico Tenace

Good article, thanks for share!
The Atomic Design is very powerful and amazing, I will try it in the future project :)

Collapse
 
vilan profile image
coco

this is article give very gain for me!

Collapse
 
sujitmohanty profile image
Sujit Mohanty

Thanks so much for this! It was extremely insightful.

Collapse
 
dipenparmar12 profile image
Dipen Parmar

One of the amazing blogs

Collapse
 
nurulid profile image
Nurul ID

This is so helpful.
Thanks for sharing!