Перевести сайт на Tailwind CSS и NextJS, Shadcn UI
Перенести существующий сайт с NuxtJS на NextJS (App Router) и полностью перейти с кастомного CSS на Tailwind CSS, используя Shadcn UI для базовых компонентов. Визуально сайт должен остаться максимально похожим на текущий дизайн (допускаются минимальные отклонения, если это необходимо для стандартизации через Tailwind).
Объем работ
1) Миграция фреймворка
Перенести страницы/роуты с Nuxt на NextJS (App Router).
Сохранить существующую структуру страниц, навигацию, URL-адреса (или добавить редиректы 301, если изменятся).
Подключить Shadcn UI и настроить базовый дизайн-сетап.
2) Полный переход на Tailwind CSS
Убрать/минимизировать кастомный CSS (оставить только если:
это переменные/токены,
или небольшие глобальные ресеты/утилиты, которые невозможно адекватно сделать Tailwind-ом).
Весь layout, spacing, typography, colors, borders, shadows — через Tailwind utility classes.
Все компоненты UI (buttons, inputs, cards, modals, nav, footer) — или через Shadcn UI, или кастомные компоненты на Tailwind (но без “старого” CSS).
3) Интеграция Shadcn UI
Использовать компоненты Shadcn как основу (Button, Input, Dialog, Dropdown, Tabs, Toast и т.д.).
Унифицировать стили, чтобы компоненты выглядели в одном стиле с сайтом.
Требование к визуальной соответствию
Дизайн должен остаться плюс-минус таким же, как в текущей версии:
typography (размеры, вес, line-height),
spacing (padding/margin),
цвета,
rounded corners,
тени,
ширины контейнеров и брейкпоинты.
Допускаются небольшие отклонения, но общая “визуальная язык” должна совпадать.
Определение завершенности
NextJS проект запускается, билдится, деплоится без ошибок.
Нет зависимости от старого кастомного CSS (или он сведен к минимуму с четким объяснением почему).
Все страницы отображаются корректно и соответствуют дизайну.
Tailwind Plus UI Blocks вставляются и выглядят максимально близко к демо (шрифты, spacing, colors, container).
Компоненты Shadcn UI стилистически согласованы с сайтом.
Актуальные фриланс-проекты в категории HTML и CSS верстка
Перенос сайта с OpenCart на платформу ХорошопДобрый день. Есть сайт на OpenCart, интернет-магазин. Нужно перенести структуру сайта на платформу Хорошоп, подобрать дизайн для нового сайта и сделать его полноценно работающим. HTML и CSS верстка, Веб-программирование ∙ 11 часов 54 минуты назад ∙ 20 ставок |
Нужен сильный специалист по WordPress / WooCommerce для доработки сайта MARSPROИщем ответственного фрилансера или небольшую команду для качественного завершения и технической доработки сайта компании MARSPRO. Сайт уже работает, но после предыдущего разработчика осталось много мелких и важных технических проблем. Нам нужен человек, который сможет не просто… CMS, HTML и CSS верстка ∙ 1 день 12 часов назад ∙ 43 ставки |
Sandra Ice Cream - Kaleidoscop
4132 UAH
У нас есть небольшой проект, и мы хотели бы узнать, сможете ли Вы подготовить для нас видеоролик для LED-экрана. Видео будет использоваться на нашем мероприятии. Мы предоставим все необходимые материалы: дизайн, брендбук, размеры и технические требования. Пожалуйста, сообщите,… HTML и CSS верстка ∙ 1 день 13 часов назад ∙ 6 ставок |
Верстка блоков WordPressДобрый день. Надо сделать редизайн, а конкретно верстку блоков как на макете, структура не сильно отличается от того что сделано сейчас кроме хеддера и hero блока. Надо сделать редизайн как мобильной так и десктоп версии. Сайт на ворд прессе, autoperformance.pl Дизайн в фигме. HTML и CSS верстка, Сопровождение сайтов ∙ 1 день 19 часов назад ∙ 67 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 1 день 20 часов назад ∙ 26 ставок |