Как правильно сделать гибрид SPA и классики?

раньше до появление angular проекты выглядели так

$app->get('/', function () {
    ......
});
$app->get('/auth', function () {
    ......
});
$app->get('/admin', function () {
    ......
});
$app->get('/admin/orders', function () {
    ......
});
$app->get('/admin/users', function () {
    ......
});
$app->run();

пользователь бродил по сайту и сервер отдавал нужную вьюшку
с появление ангулара весь фронтенд стал работать без перегруза.

$app->get('/', function () {
    exit(file_get_contents('/ng-application/front/index.html'))
});
$app->get('/admin/orders', function () {
    exit(file_get_contents('/ng-application/admin/orders/index.html'))
});
$app->get('/admin/users', function () {
    exit(file_get_contents('/ng-application/admin/users/index.html'))
});

на сколько это правильный подход?
т.е. сервер отдает в зависимости от запроса разные ng-application в которых уже свои "маленькие routes"
orders.html#/index
orders.html#/create
orders.html#/update

как вы реализуете это?