Estou trabalhando em um sistema que usa `MVC` da seguinte forma,

     View       ->  HTML,CSS
     Model      ->  PHP
     Controller ->  JS

Básicamente todas as ações do sistema funcionam passando pela seguinte ordem:

Usuário aciona alguma ação no `js` ele  valida e manda para o php, no `php` ele faz as consultas e validações necessárias e retorna para o `js` poder atualizar o `html` com os dados.

Minha preocupação e que, com o aumento das páginas o meu `layout` fica cada vez mais "Poluído, cheiro de repetições de código, totalmente `Ante-DRY`,rsrs."

Para tentar melhorar esta situação, criei um arquivo chamado `funcoes.js`, nele esta as funções de uso geral, e as funções de inicialização do app,por exemplo:

     versao();
     validaUsuario();
     permissoesUsuario();
     favoritos();
e agora 
       
     menu();
     rodape();

Esse menu pega o arquivo  `menu.html` e carrega em todas as páginas que estiverem uma    
`<div id='menu'></div>` usando a função `.load()` do `jQuery`.

O rodapé funciona da mesma forma.
Porém usando `load` ou `append` sempre da alguma demora/falha de renderização do `html`.

Minhas dúvidas:

1° - E possível criar um `template` tipo o `blade` do `laravel` usando apenas `HTML/JS/CSS`?

2° - Sei que para utilizar rotas devemos ter o `mod_rewrite` do `php` habilitado e usar o `.htacess`, como eu poderia usar rotas usando como referencia o meu padrão `MVC`?