Anyone who can explain me components/layouts/pages relationship please

[peterPanParker]

Hi
i am a little confused, i read the documentation and i understand that layouts has pages are injected using the router… then i read layouts are components but if so why directory structure is as follows in src directory:

• components/

• layouts/

• pages/

i can not understand what’s the difference between layouts and components, what should i save in each directory?

thanks in advance…

[Hawkeye64]

Components are used by Pages, Pages are used by Layouts. There are no hard and fast rules here. This just really helps to organize your code.

[peterPanParker]

ok, thanks for answer

[potatoheadgear]

a more detailed answer to this question would be REALLY nice since I have the same confusions

[metalsadman]

All are components regardless, they are just organized in certain folders as explained by @Hawkeye64 . Layout is the parent component of your route it usually hold a page, both can have components coming from the Components folder. Think like a hierarchy of Layout > Page.