Перевести сайт на Tailwind CSS і NextJS, Shadcn UI
5000 UAH
Перенести існуючий сайт з NuxtJS на NextJS (App Router) та повністю перейти з кастомного CSS на Tailwind CSS, використовуючи Shadcn UI для базових компонентів. Візуально сайт має залишитись максимально схожим на поточний дизайн (допускаються мінімальні відхилення, якщо це потрібно для стандартизації через Tailwind).
Scope робіт
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,
тіні,
ширини контейнерів і брейкпоінти.
Дозволено невеликі відхилення, але загальна “візуальна мова” має збігатись.
Definition of Done
NextJS проект запускається, білдиться, деплоїться без помилок.
Немає залежності від старого кастомного CSS (або він зведений до мінімуму з чітким поясненням чому).
Всі сторінки відображаються коректно і відповідають дизайну.
Tailwind Plus UI Blocks вставляються і виглядають максимально близько до демо (шрифти, spacing, colors, container).
Компоненти Shadcn UI стилістично узгоджені з сайтом.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Перенос сайту на Shopify
1123 UAH
Потрібно перенести поточний сайт jdfurniture.uk з OpenCart на платформу Shopify. Зараз сайт на OpenCart в цілому нас влаштовує за структурою та логікою роботи. Основна причина переносу — проблеми з платіжними системами. На Shopify таких проблем бути не повинно. Також для нас… HTML та CSS верстання, Веб-програмування ∙ 2 години 6 хвилин тому ∙ 11 ставок |
Перенесення дизайну на WordPress
2000 UAH
Доброго дня! Потрібно перенести готовий дизайн односторінкового лендінгу на WordPress.Макет повністю готовий (Figma), дизайн розробляти не потрібно. Необхідно якісно зверстати сторінку, адаптувати під мобільні пристрої та налаштувати її на WordPress. Будь ласка, у відгуку… HTML та CSS верстання ∙ 7 годин 52 хвилини тому ∙ 76 ставок |
Вивести пости з Інсти на сайт (опенкарт)
700 UAH
Вітаю. Треба налаштувати функціонал щоб на сайті (Опенкарт) показувався блок з постами Інстаграм. Відгукнітся хто робив та знає як ) Дякую ) По вартості домовимося, не знаю скільки це коштує. HTML та CSS верстання, Веб-програмування ∙ 11 годин 29 хвилин тому ∙ 43 ставки |
Лендінг для школи англійської
13 500 UAH
Шукаємо дизайнера + верстальника лендингу (Wix / WordPress / Weblium) Привіт! Шукаємо виконавця на дизайн і верстку лендингу курсу англійської мови. Що треба: — дизайн і верстка лендингу на 12 блоків; — дві сторінки оплати: успішна /неуспішна; — адаптив під мобільні; —… HTML та CSS верстання, Дизайн інтерфейсів (UI/UX) ∙ 13 годин 57 хвилин тому ∙ 108 ставок |
Адаптивна верстка сайту з анімацієюПотрібно сверстати сайт за готовим дизайном з Figma. Адмінка сайту - Laravel - viar-art.pl Сайт має бути сучасним, адаптивним, швидким і зручним для користувача. Верстка повинна точно відповідати макету, коректно відображатися на мобільних пристроях, планшетах і комп'ютерах.… HTML та CSS верстання, Створення сайту під ключ ∙ 1 день 2 години тому ∙ 93 ставки |
Київ