szQocks, я так понял проблема именно в том что данные для одного и того же компонента будут дважды загружатся, но не уверен что это прям настолько критично и не факт что через стор это будет работать быстрее
harry999, без примера кода реализации анимаций не будет ответа.
попробуй вызывать анимацию через requestAnimationFrame, а вообще для таких больших анимаций лучше юзать gsap или framer motion или может есть еще что-то для vue хз
kimport, то что вы редачите это исходные файлы, на севрере у вас лежат файлы в сборке, наод запустить сборку через npm run build и сделать деплой (куда не знаю, мб у вас версель и там сойдет обычный комит в репо, а может и не версель)
Сомневаюсь что вы разберетесь сами
так и есть.
Возможно это сбивает с толку, согласен.
Но насколько я знаю клиентские компоненты в нексте это компоненты которые могу меняться с клиента , условно (useState). При этом они так же собираются на сервере и отдают статику.
Никак. Единственный вариант который пришел в голову, это накладывать сверху див с двублем текста из инмпута и красить уже по слову, но в таком случае ввод данных в интпут может стать проблемой
Просто получай так же через useEffect, так как это будет уже клиентская подгрузка.
И используй не onScroll, а intersectionObserver