I using server side includes to organize my files.
The nested files do not seem to work. For eg:-
index.shtml - this works fine
<!doctype html>
<html lang="en">
<!--#include virtual="partials/head.shtml"-->
<body>
<!--#include virtual="partials/components/ads/horizontal-banner.shtml"-->
<div id="site-wrapper">
<header id="site-header">
<!--#include virtual="partials/header.shtml"-->
</header>
<div id="site-body">
<!--#include virtual="partials/pages/home.shtml"-->
</div>
<footer id="site-footer">
<!--#include virtual="partials/footer.shtml"-->
</footer>
</div>
<!--#include virtual="partials/common.shtml"-->
inside home.shtml, there is another call
<!--#include virtual="../components/newsletter.shtml"-->
Following is the project structure :-
project
- css
- assets
- js
- partials
- components
- ads
horizontal-banner.shtml
vertical-banner.shtml
newsletter.shtml
help.shtml
- pages
home.shtml
about.shtml
header.shtml
footer.shtml
head.shtml
common.shtml
index.shtml