Антон Антон

Если обычная статика html то можно собирать с помощью gulp/webpack/rollup из кусков и получать статический сайт. Если не нужно сильно со стилями бороться и это что-то типа сборника документации - то вообще что-то типа https://vuepress.vuejs.org/ можно использовать.
Потом просто набор статических файлов класть на хостинг и всё.

Хотя что подразумевается под "настраивать php на сервере" не очень понятно.

Заменить сайт на SPA (опционально + SSR), тогда при переходе по "страницам" сайта фактической перезагрузки страницы не будет. Заодно всякие фичи типа веб плеера тоже возможны.

не задалбываются ли?

нет. повторное использование компонентов вполне себе работает.

Где-то в "фигме"

в фигме делают дизайн и, иногда, "прототип" с парой кликов для презентаций.

Такое же есть?

Нет

неужто исключительно в текстовом редакторе?

Да. Текстовые редакторы сильно развились. + всякие фичи типа HotUpdateReload позволяют на втором мониторе сразу увидеть результат.

картинки товаров переделать из png в jpg с качеством 80 (ну или даже меньше, надо субъективно смотреть) и оптимизацией для веба (то, что раньше называлось save for web в фотошопе), логотип сделать не в png размером 6000х4000 а в svg (отрисованный вручную, чтобы не было миллиард узлов) и размер будет сразу в пять раз меньше. иконки тоже почему-то в гигантских png.

а так да, что-то долго делается на сервере, надо смотреть что там происходит

Там есть desktop-first вариант, для отдельных мобильных доработок можно использовать max-<breakpoint>: https://tailwindcss.com/docs/responsive-design#tar... https://tailwindcss.com/blog/tailwindcss-v3-2#max-...
Контейнер в тэилвайнд это немного не то, что в бутстрапе, это просто блок со ступенчатой шириной. А 12 колонок (или сколько нужно, хоть 4, хоть 7, хоть неравномерные) можно создать через grid https://tailwindcss.com/docs/grid-template-columns или flex + flex-basis https://tailwindcss.com/docs/flex-basis , хоть в контейнере, хоть без него.

К тегу form надо добавить атрибут enctype="multipart/form-data"

Самое простое - сделать свой класс с нужными экранами:

.text-adaptive {
  @apply text-sm

  @screen md {
    @apply text-base
  }
}

но можно и плагин запилить

flex-shrink: 0;

Делай на го api (rest или json rpc), а на vue фронт, который взаимодействует с этим api. прям совсем в разных папках и независимо друг от друга.

Можно вообще без js: https://jsfiddle.net/dofzgt9v/1/

https://laravel.com/