Какую способ написания стилей выбрать для новостного сайта на nextjs?

Question

[godsplan]

Думал о tailwindcss ,но подумал что если проект будет все больше и больше, то это будет труднее поддерживать.
Сейчас оно достаточно мал.

Так же думал о styled components,но это дольше как по мне, зато если проект будет огромным, то это будет проще поддерживать.
Какие есть еще варианты и стоит ли остаться на tailwind?

Answer 1

[Taulan Khatuaev]

Tailwind CSS

Answer 2

[Sanes]

Styled components как раз будет быстрей.
Из TailwindCSS вам придется сначала написать свой компонентный велосипед. Но это вы и так знаете, если с ним работаете.

Answer 3

[strelok011]

Собственно, не вижу проблемы в выборе инструмента.
Если дизайнер не упоротый - будет рисовать всё опираясь на единожды отрисованные компоненты. Их должно быть вполне определенное количество, с фиксированным набором состояний.
Создаете пакет компонентов, заголовков, верстаете лейаут для размещения по сетке, всио. С чего тут придется тонны стилей держать?
Если есть опыт в стайлед - пишите в стайлед (он мне больше подходит по профилю, к примеру, удобно темами оперировать)

UPD Самое главное - не писать инлайн стилей. Всё через компоненты оформлять. Появилось новое состояние - туда же в компонент, управлять внешним видом через пропс. Если реально большой пакет - только так можно избежать бардака и сложности поддержки.

Comments

[strelok011]

p.s. для ускорения разработки можно подключить какие-нить reach.tech или headless ui компоненты, которые дадут хорошую функциональность и не будут блочить борьбой со стилями, т.к. они без оформления из коробки.