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