Website for Digital Studio
Проєкт сайт digital-маркетингової агенції
Роль Fullstack Developer
Рік 2025
Технологічний стек
Frontend Next.js 15 з використанням App Router Server-Side Rendering Client-Side Rendering
React 19 з TypeScript
Tailwind CSS версія 4 з додатковою підтримкою SCSS і SASS
Компонентна бібліотека Radix UI
Іконки через Lucide React
Форми реалізовано за допомогою react-hook-form з валідацією через Zod
Графіки та діаграми реалізовані через react-chartjs-2
Інтерфейс користувача з використанням embla-carousel tw-animate-css sonner для повідомлень clsx для умовних класів та tailwind-merge
Реалізована функціональність
Головна сторінка з секціями Hero Services Testimonials Achievements FAQ Why Us Footer
Окремі сторінки для кожного типу сервісу SEO PPC Social Media Affiliate з окремим контентом і зображеннями
Блог із головною сторінкою яка містить прев’ю кожної статті зображення заголовок короткий опис і окремі сторінки статей з повним текстом
Сторінка Write to Us з великою формою кількома колонками і валідацією полів повідомленням про успішну відправку і очищенням полів після відправки
Окремі сторінки Privacy Policy та Cookie Policy з виводом повного тексту
Банер із погодженням на використання cookies з кнопкою прийняти або перейти до cookie policy
Додано microdata schema org для покращення індексації і видимості сайту в пошукових системах
Повна адаптивність усіх сторінок секцій і компонентів під мобільні планшетні та десктопні пристрої
Фокус на швидкодію читабельність чисту верстку та легке масштабування в майбутньому
Сайт повністю готовий до розгортання на продакшн з усіма базовими вимогами до сучасного вебпроєкту
Роль Fullstack Developer
Рік 2025
Технологічний стек
Frontend Next.js 15 з використанням App Router Server-Side Rendering Client-Side Rendering
React 19 з TypeScript
Tailwind CSS версія 4 з додатковою підтримкою SCSS і SASS
Компонентна бібліотека Radix UI
Іконки через Lucide React
Форми реалізовано за допомогою react-hook-form з валідацією через Zod
Графіки та діаграми реалізовані через react-chartjs-2
Інтерфейс користувача з використанням embla-carousel tw-animate-css sonner для повідомлень clsx для умовних класів та tailwind-merge
Реалізована функціональність
Головна сторінка з секціями Hero Services Testimonials Achievements FAQ Why Us Footer
Окремі сторінки для кожного типу сервісу SEO PPC Social Media Affiliate з окремим контентом і зображеннями
Блог із головною сторінкою яка містить прев’ю кожної статті зображення заголовок короткий опис і окремі сторінки статей з повним текстом
Сторінка Write to Us з великою формою кількома колонками і валідацією полів повідомленням про успішну відправку і очищенням полів після відправки
Окремі сторінки Privacy Policy та Cookie Policy з виводом повного тексту
Банер із погодженням на використання cookies з кнопкою прийняти або перейти до cookie policy
Додано microdata schema org для покращення індексації і видимості сайту в пошукових системах
Повна адаптивність усіх сторінок секцій і компонентів під мобільні планшетні та десктопні пристрої
Фокус на швидкодію читабельність чисту верстку та легке масштабування в майбутньому
Сайт повністю готовий до розгортання на продакшн з усіма базовими вимогами до сучасного вебпроєкту