Добрый день, спасибо за видео! Появился вопрос, если SEO для нас критично, то чем нам поможет перемещение vue компонентов в blade шаблоны? Ведь по факту, vue компоненты не отрендерятся (не превратятся в готовый html с релевантным текстом), а всё также будут отдаваться на рендер браузеру. Но зато у нас будет готовый html с заголовками страницы и прочей статикой. То есть комбинирование blade + vue это компромисс между разработчиками и seo-шниками ?) Либо я не до конца всё понял.
Добрый! У нас при таком подходе грузятся страницы статически со всем необходимым для сео, а vue мы используем для динамических компонентов на странице для интерфейса
ты все правильно понял. в таком виде, как показано в видео, очень сложно кодить. лучше писать код слотами. никакого spa тут нет. я через все это уже проходил. еще когда в inertia.js не было поддержки ssr. самое простое решение для сео это prerender.io
Мы использовали Vue компоненты + WP. Но, что-то стало неудобно, некоторые моменты нужно отрисовывать на PHP но нужно какие-то данные на JS обрабатывать. Попробовал Alpine и он показался более лёгким, а Vue для полноценного SPA.
Спасибо, как раз не мог определиться использовать ли vue или всё же blade) Ты говорил что можно там без перезагрузки страницы менять страницу и тп. Сделай видео пожалуйста об этом. Очень интересная тема.
Спасибо. По вашему видео начал использовать комбинированный подход. Это очень удобно. Кстати, тут многие спрашивали.. Так вот, если в роутере laravel прописать в пути adress/{any}, и подключить vue router, то на роуте adress/ можно создать spa компонент и юзать без перезагрузки страницы все вьюшные роуты после adress/. При этом роутеры не будут конфликтовать. Это даёт ещё больше гибкости и позволяет создавать сложные многостраничные интерфейсы, в которых sео не критично. Ещё вопрос, будут ли ещё уроки по inertia? Хочется попробовать поработать с ней, особенно после того как добавили ssr.
@@homeuser3108 там где vue компонент ничего не будет, подразумевается что он нам для сео не потребуется, поэтому и задействовали js, а в остальном страница с метой и сео текстом статика
@@CutCodeRu Ну т.е. мы просто передали во Vue таким способом коллекцию юзеров. В сыром html-е в атрибуте users будет коллекция юзеров, в виде json-строки?
Круто! Да это ж круто!! © Тиньков
Супер!
Спасибо за видос! Узнал то что хотел!
Спасибо за просмотр! Рад что узнали что то новое
Оу, возьму на заметку))
Добрый день, спасибо за видео! Появился вопрос, если SEO для нас критично, то чем нам поможет перемещение vue компонентов в blade шаблоны? Ведь по факту, vue компоненты не отрендерятся (не превратятся в готовый html с релевантным текстом), а всё также будут отдаваться на рендер браузеру. Но зато у нас будет готовый html с заголовками страницы и прочей статикой. То есть комбинирование blade + vue это компромисс между разработчиками и seo-шниками ?) Либо я не до конца всё понял.
плюс уход от JQuery
Добрый! У нас при таком подходе грузятся страницы статически со всем необходимым для сео, а vue мы используем для динамических компонентов на странице для интерфейса
ты все правильно понял. в таком виде, как показано в видео, очень сложно кодить. лучше писать код слотами. никакого spa тут нет.
я через все это уже проходил. еще когда в inertia.js не было поддержки ssr. самое простое решение для сео это prerender.io
@@yernut понятно что нет spa, в этом и суть
@@Gg-byvtubg Мы никами образом не избавимся от jq в таком подходе
Мы использовали Vue компоненты + WP. Но, что-то стало неудобно, некоторые моменты нужно отрисовывать на PHP но нужно какие-то данные на JS обрабатывать. Попробовал Alpine и он показался более лёгким, а Vue для полноценного SPA.
Спасибо, как раз не мог определиться использовать ли vue или всё же blade)
Ты говорил что можно там без перезагрузки страницы менять страницу и тп. Сделай видео пожалуйста об этом. Очень интересная тема.
Есть курс на канале inertia/vue вот там как раз без перезагрузки spa, а так еще будут ролики на тему vue
@@CutCodeRu С Inertia без SSR - прощай SEO
Добрый день, а если это допустим компонент модального окна, как его вызвать через home.blade по клику на кнопку например?
@Просто о Laravel. CutCode а как можно теперь комбинировать , когда вместо MIX используется VITE ?
Также, значения не имеет
Здравствуйте. а комбинирование ларавел с реакт случайно показывать не будете?
Здравствуйте, думаю нет, потому что тоже самое
Я заметил что чаще всего используют laravel+vue.js, это уже сформировавшейся стек? Или дело вкуса ? Например если использовать react.js?
Чаще всего да но можно использовать и react либо что то еще, разницы нет
Спасибо. По вашему видео начал использовать комбинированный подход. Это очень удобно. Кстати, тут многие спрашивали.. Так вот, если в роутере laravel прописать в пути adress/{any}, и подключить vue router, то на роуте adress/ можно создать spa компонент и юзать без перезагрузки страницы все вьюшные роуты после adress/. При этом роутеры не будут конфликтовать. Это даёт ещё больше гибкости и позволяет создавать сложные многостраничные интерфейсы, в которых sео не критично. Ещё вопрос, будут ли ещё уроки по inertia? Хочется попробовать поработать с ней, особенно после того как добавили ssr.
Думаю будут
@@CutCodeRu отлично)
Спасибо за видео, неплохо бы показать что в приходит в итоге в html ? а так пока непонятно насколько это применимо.
Статика из blade и динамически компоненты из vue если такие есть, никакой магии там нет)
а с svelte + blade так можно?
отлично, не могу понять как тестировать такой blade компонент, например какой текст во vue компоненте
Отдельные фронтенд тесты либо тесты браузера, гляньте на laravel dusk
а как это поможет с сео? если сделать запрос он не выводит контент а только
Статически выводим нужную для сео информацию а все остальное через vue
Ну и что в итоге видим в сыром html по CTRL+U ?
От blade статика приходит, видим все, а там где нужен динамический компонент, юзаем vue, все просто!
@@CutCodeRu По CTRL+U в сыром html мы видим список email-ов?
@@homeuser3108 там где vue компонент ничего не будет, подразумевается что он нам для сео не потребуется, поэтому и задействовали js, а в остальном страница с метой и сео текстом статика
@@CutCodeRu Ну т.е. мы просто передали во Vue таким способом коллекцию юзеров.
В сыром html-е в атрибуте users будет коллекция юзеров, в виде json-строки?
@@homeuser3108 да
😂😂Js и jquery все же быстрее чем фреимворки. 😊
у тебя с головой все хорошо?! зачем ты через левое плечо передаешь это все? если достаточно просто запихнуть код в контейнер и добавить id?
Як починав то так робив
Что ты показываешь то, при монтировании приложения app.mount("#app") все что было внутри этого узла - удалится