Alex Wells

Вообще не ясно, причем тут сервер и Laravel, и почему рауты нужно дублировать.

Laravel вообще ничего об SSR знать не должен - этим пусть занимается сервер на ноде. А все, что ему, в свою очередь, нужно сделать - это заполнить VueX (или любой другой стор) нужными данными до рендера страницы. Откуда их брать - решать тебе. Контроль безграничный - загружай какие данные когда хочешь и как хочешь, главное что бы фронт был более-менее нормально написан.

Бэкэнду выделите поддомен backend на том же домене, что и фронт. Настройте что бы работало.

Потом в конфиге фронта добавьте локейшен на /backend/, там хедер Host с полным доменом бэка (и.е. backend.domain.com) и proxy_pass на 127.0.0.1.

Хотя 500мс это бред полный. Пинг в штаты - 200мс гора. Каким образом там выходит 500-600 - загадка.

В третей вьюхе будет композиция с помощью нового composition API. Говорят, что они схожи с реактовскими хуками.

Пока что можно юзать https://github.com/vuejs/composition-api - порт того же (или +- того же) АПИ на вторую версию. Важно понимать, что это НЕ полный порт, а лишь compat слой для легкого перехода на третюю версию.

Зачем? В нове из коробки есть триллион разных типов полей, есть собственные пакеты (https://novapackages.com/) и возможность писать свои плюшки.

Что значит "сложнее чем на чистый vue.js"? С чистым VueJS у тебя уйдет в десять раз больше времени. Если это показатель "сложности", то нет, не сложнее. Но да, прийдется прочитать документацию - надеюсь это не входит в понятие "сложно".

https://nova.laravel.com

VueJS, SPA, популярная, ACL реализуется с помощью политик ларки, нормальная документация.

Предпросмотр - думаю можно что-нибудь придумать, возможно есть из коробки, наверняка есть готовый пакет.
Опенсорс - тут уж нет, прийдется заплатить.

Интерцепторы.

Многостраничный сайт - и.е. обычный, с HTTP раутингом, где используются силы раутера laravel и какой-нить шаблонизатор там же? Если да, то причем тут vue-router?

vue-router нужен для SPA (single page application), то есть там, где переход по ссылке на какой-нить внутренний ресурс лишь дергает JS, то-есть весь фронт - крутится только в браузере, а на бек (и на раутер laravel) - летят только ajax запросы. Сам по себе к laravel не имеет вообще никакого отношения, равно как и vue.

Причем тут пакеты - не понимаю. Бекендовские, из composer'а? Ну они вообще не связанны с vue-router. Фронтовские, из npm? Ну я таких не знаю, но смею предположить, что те дают лишь какие-то готовые компоненты, в лучшем случае, а раутер никто трогать не посмеет. Ну и даже если посмеет - что с того? Вам прийдется передать его инстенс куда-то в либу (кто как напишет), но об этом будет четко указано в документации.

Здается мне, что вы не понимаете что такое vue, vue-router, пакеты и многостраничные сайты. Ну или хотя бы что-то из этого :/

Реализуется легко:

на беке юзаете баунсер + $this->authorize/Gate::allows и проверяете нужные права, вне зависимости от фронта.
на фронт с бека передаете берете массив пермишенов (абилитис в баунсере), в том же месте, где передаете юзера (не важно, отдельным запросом или сразу при загрузке страницы). Пишите во vuex'е нужные геттеры, как пример из моего проекта:

export const can = (state) => (perm) => this.loggedIn(state) && state.authUser.abilities.includes(perm);
export const canAny = (state) => (perms) => perms.some(x => this.can(state)(x));

И юзаете директивы где нужно, предварительно импортнув нужные геттеры:

v-if="can('chat.mute')"

PS: не стоит писать свои директивы "v-can", ибо:
1) они не информативны (непонятно, что они делают, если прав нет)
2) прийдется написать с десяток таких, на все случаи жизни, типа "can-show", "can-if" и прочая лабудень.

PS2: про "переход по страницам" и любые запросы на бек - ларавель сам кинет forbidden 403, проверяете интерцептором в axios'е на этот статус и кидаете на страницу с ошибкой/показываете окошко/нотификацию/птичку/кошку.

Если в общем, то ваши знания почти нулевые (база старого JS и основы шарпа никуда не годятся).

Во-первых, писать HTTP сервер на шарпе это, имхо, убийство. Но если очень нужно - REST и вперед.
Во-вторых, для использования фреймворка сначала нужно прорыть документацию, екземплы сложных проектов (вместе с беком), выучить ES6 полностью и только тогда можно что-то начинать.

В гугле вбиваешь laravel-vue-example/laravel-vue-starter и смотришь. В целом - как обычно аппликуху целиком в resources/assets/(js/app/scripts/whatever), дальше мануал по laravel-mix, который на webpack'е, но знать это не обязательно)

Еще dev 5.5 laravel идет с preset'ами, думаю пресет вьюхи давно висит в сети.

Ссылок не дам, ибо лень искать, но примеров просто тысячи.