Freelance Next.js Web Application Development

thoughtful solutions
work with any niche
functional freedom
transparent pricing
N
A
R
V
S
A

more than 100+ satisfied clients

portfolio

portfolio
More
log.ru
Подробно

Дизайн CRM, ERP, WMS системы в Figma для log.ru

22 Июля 2024

log.ru

Необходимо было разработать дизайн CRM, ERP, WMS системы на основе функционала МойСклад, но в стиле СберCRM. Разработка в сервисе Figma. Использование компонентной библиотеки Shadcn UI. Компоненты брались с этого community файла Figma. В задачу также входило создание темной темы и адаптация дизайна для мобильных и планшетных устройств. Дизайн разрабатывался с подходом Desktop First

Проект Padcev
Подробно

Смена текста и доработка веб-приложения для Падцев

15 Января 2023

padcev.vercel.app

Были изменены текст и исправлены некоторые элементы в веб-приложении. Презентация продукта происходила на интерактивной доске.

Проект agm-efb.ru
Подробно

Разработка фильтра для agm-efb.ru

3 Марта 2023

agm-efb.ru/podbor-po-avto

Необходимо было разработать дизайн CRM, ERP, WMS системы на основе функционала МойСклад, но в стиле СберCRM. Разработка в сервисе Figma. Использование компонентной библиотеки Shadcn UI. Компоненты брались с этого community файла Figma. В задачу также входило создание темной темы и адаптация дизайна для мобильных и планшетных устройств. Дизайн разрабатывался с подходом Desktop First

Проект varta.shop
Подробно

Изменение стилей фильтра для varta.shop

Изменение стилей фильтра по автомобилям для varta.shop. Фильтр был написан мной для agm-efb.ru, поэтому нужно было только изменить цвет и border-radius.

Проект akbtv.ru
Подробно

Доработка фронт части сайта на Битрикс

23 Октября 2024

akbtv.ru

Необходимо в мобильной версии сайта сделать так, чтобы номер телефона отображался в шапке правее города. Строка поиска шла под логотипом. Меню было левее кнопки «подобрать аккумулятор». Правее значок корзины. По возможности должно быть выравнивание элементов по центру. Убрать лишние пустые пространства. Банер должен быть по 100% ширине. Также без лишних пустых пространств. Убрать лишние пространства и сократить отступы. Нет возможности выбрать пункт меню второго уровня. При клике на пункт первого уровня происходит переход на страницу, а должны только раскрываться подпункты для выбора. Сделать более презентабельный междустрочный интервал для всех заголовков. Также необходимо сделать меню и подменю

Проект Gamevizor
Подробно

Доработка фронт части веб-приложения для Gamevizor

12 Июля 2023

gamevizor.ru

Нужно было сверстать главную страницу на уже готовом сайте gamevizor.ru + страница "Акции" + сверстать раздел "Пополения" и окна "Аутентификации" и "Забыли пароль?"

Проект Arbits
Подробно

Обновление дизайна в figma, обновление фронта и работа с Wagmi

25 Августа 2023

arbits.vercel.app

Обновить дизайн в figma, обновить фронтенд и подключить крипто-платеж. Здесь: https://arbits.vercel.app/ можете посмотреть первоначальный сайт.

Проект WorkspacePlus
Подробно

Разработка корпоративной платформы

10 Октября 2023

workspaceplus.co

Необходимо было разработать дизайн CRM, ERP, WMS системы на основе функционала МойСклад, но в стиле СберCRM. Разработка в сервисе Figma. Использование компонентной библиотеки Shadcn UI. Компоненты брались с этого community файла Figma. В задачу также входило создание темной темы и адаптация дизайна для мобильных и планшетных устройств. Дизайн разрабатывался с подходом Desktop First

Проект TravelBuddy
Подробно

Разработка платформы для планирования путешествий

5 Декабря 2023

travelbuddy.world

Необходимо было разработать дизайн CRM, ERP, WMS системы на основе функционала МойСклад, но в стиле СберCRM. Разработка в сервисе Figma. Использование компонентной библиотеки Shadcn UI. Компоненты брались с этого community файла Figma. В задачу также входило создание темной темы и адаптация дизайна для мобильных и планшетных устройств. Дизайн разрабатывался с подходом Desktop First

prices

prices
More

Дизайн веб-интерфейсов с Shadcn/UI

Создаю дизайн для Next.js с TailwindCSS и Shadcn/UI компонентами. Упор на превосходный пользовательский опыт, легкий перенос дизайна в код, простую замену стилей и наглядности для заказчика.

от 100 usd

Создание сайтов и веб-приложений на Next.js

Разработка современных сайтов и веб-приложений на Next.js. Написание читаемого и легко используемого кода, служащим надежным фундаментом при дальнейшем развитии вашего бизнеса и расширении услуг, товаров и сервисов

от 100 usd

SEO-оптимизация для сайтов на Next.js

Обеспечение высокой скорости загрузки, настройку метатегов и создание XML-карты сайта. Сайт тестируется в PageSpeed Insights, GTmetrix и других инструментах. Достигаются метрики выше 80. Обеспечивается высокая производительность, доступность и базовая видимость в поиске.

от 20 usd

Кастомные скрипты для Tilda

Разработка индивидуальных скриптов для сайтов на Tilda, включая блок T123. Создание пользовательских решений для Tilda, позволяющих реализовать функции, недоступные в стандартных инструментах, включая квизы, формы, таймеры, фильтры, слайдеры, модальные окна, калькуляторы и интеграцию с API (например, Google Sheets), а также любые дополнительные улучшения по вашим задачам. Улучшайте функционал вашего сайта быстро и профессионально.

от 20 usd

Cost calculator

Description

Design is developed for creation on Next.js using TailwindCSS, Shadcn/ui, and Tremor.

* Edits after approval of the technical specification, proposed by the client and upon rejection of the standard solution. Ambiguities and absence of anything in the technical specification are also taken into account.

Number of unique pages

Number of edits*

Project type

Options

0usd
0 days

The cost and time specified above are of an estimated nature. The final cost is agreed upon during the stage of task discussion and technical specification development. Exchange platform fees are not taken into account.

stages of website or web application development from scratch

steps
Drafting Terms of Reference, Basic SEO Analysis
01
What is a Terms of Reference and How to Draft It Correctly?

Drafting Terms of Reference, Basic SEO Analysis

Analysis of leading websites relevant to the niche, business type, and size. The goal is to identify key pages and functionality necessary to ensure an optimal user experience on the future website. The obtained data is used to create a terms of reference, which serves as a guide for development and design.

Design
02
View Design Examples

Design

The design is created for the Next.js framework using styling with TailwindCSS and Shadcn/UI. All Figma functionality is utilized to visually represent the website's operation at this stage, including page transitions and 'live' components via Figma Prototypes. Additionally, thanks to the use of variables in Figma, the website design can be easily modified. All this allows for a better visualization and development of the final product.

Development
03
Why Next.js?

Development

Website development begins after design approval. For the frontend, the following are used: React, TypeScript, TailwindCSS, Shadcn/UI. For the backend: Next.js, PostgreSQL, Drizzle, Supabase. Colors and fonts are structured, and images and videos are added. Main components are created, then distributed across the website's pages. Afterward, the code is optimized.

SEO Optimization and Support
04
Why Maintain a Website?

SEO Optimization and Support

Final optimization and basic SEO settings include ensuring high loading speeds, configuring meta tags, and creating an XML sitemap. The website is tested in PageSpeed Insights, GTmetrix, and other tools. Metrics above 80 are achieved. High performance, accessibility, and basic search visibility are ensured. Technical support is also provided for code updates, development tools, and website updates for holidays, discounts, and other events.

testimonials

testimonials
log.ru

Дизайн CRM, ERP, WMS системы в Figma для log.ru

"Работа выполнена на отлично! Все пожелания учтены, работа выполнена быстро и качественно. Сотрудничеством довольны! Рисовал дизайн исходя из пожеланий в Figma с учетом всех стилей Shadcn/ui."

Андрей, log.ru

22 Июля 2024

Подробно
Проект Padcev

Смена текста и доработка веб-приложения для Падцев

"Компания Enter VR и я, как заказчик, был рад посотрудничать с Иваном над нашим проектом. Задача проекта состояла в русифицировании веб-приложения, которое было написано очень давно и не очень хорошо. Иван в течение дня провел экспертизу по проекту, подтвердил возможность выполнения и скорую реализацию, с чем не обманул. Общение проходило просто и без нюансов, все моменты обговаривались и согласовывались. Остались только положительные впечатления от исполнителя, надеюсь посотрудничать в будущем!"

ВладимирВладимир, padcev.vercel.app

15 Января 2023

Подробно
Проект agm-efb.ru

Разработка фильтра для agm-efb.ru

"Всё отлично. Иван выполнил заказ согласно ТЗ и в установленные сроки. Исполнитель соответствует заявленному уровню."

НиколайНиколай, agm-efb.ru/podbor-po-avto

3 Марта 2023

Подробно
Проект WorkspacePlus

Разработка корпоративной платформы

"Интеграция с Microsoft 365 работает безупречно. Продуктивность команды значительно выросла благодаря удобной системе управления задачами."

Виктория, workspaceplus.co

10 Октября 2023

Подробно
Проект TravelBuddy

Разработка платформы для планирования путешествий

"Благодаря платформе организация путешествий стала намного проще. Особенно понравилась функция поиска попутчиков и автоматического построения маршрутов."

Ольга, travelbuddy.world

5 Декабря 2023

Подробно
testimonials

Social Networks & Messengers

contacts

contacts

frequently asked questions

faq?

frequently asked questions

blog

blog
Статья 2

Когда не стоит делать сайт на Тильде

Как фрилансер, специализирующийся на современных веб-решениях с использованием Next.js, TailwindCSS, Shadcn/UI, Supabase, PostgreSQL, Vercel и Drizzle ORM, я часто вижу клиентов, которые приходят ко мне после разочарования в ограничениях конструкторов сайтов, таких как Тильда. Эта статья объясняет, когда лучше выбрать профессиональную разработку вместо конструктора сайтов.

26 Января 2025

~8 минут

Статья 2

Что такое веб-приложение и чем оно отличается от сайта?

Многие не видят разницы между сайтом и веб-приложением. Ведь и то, и другое открывается в браузере, содержит текст, изображения и другие элементы. Однако с точки зрения разработки и возможностей для бизнеса между ними есть существенные отличия. Давайте разберёмся, что лучше выбрать для вашей задачи.

26 Января 2025

~8 минут

Статья 2

Что такое ТЗ и как его грамотно составить?

Создание сайта без технического задания (ТЗ) — это как строительство дома без чертежей. Без четкого плана сложно получить желаемый результат, а переделки могут потребовать дополнительных затрат. Разберёмся, что такое ТЗ, зачем оно нужно и как его правильно составить.

26 Января 2025

~8 минут

Статья 2

Почему Shadcn/UI?

Современные веб-приложения требуют не только функциональности, но и стильного интерфейса. shadcn/ui — это библиотека UI-компонентов для React, которая позволяет создавать современные и удобные интерфейсы без лишних зависимостей и сложных настроек.

26 Января 2025

~8 минут

Статья 2

Почему Next.js?

Выбор технологии для создания сайта — важный шаг. Сегодня существует множество решений: конструкторы сайтов (Tilda, WordPress), альтернативные фреймворки (Astro) и конкуренты React (Vue, Svelte, Angular). В этой статье я объясню, почему Next.js — оптимальный вариант для современных веб-проектов.

14 Марта 2025

~8 минут

Статья 2

Зачем поддерживать сайт?

Веб-разработка развивается стремительно: фреймворки, библиотеки, инструменты стилизации, UI-компоненты, бэкенды и ORM постоянно обновляются, предлагая новые возможности, улучшенную производительность и повышенную безопасность. Однако обновления требуют времени и могут вызвать неожиданные проблемы. Возникает вопрос: стоит ли регулярно обновлять технологии, если проект уже стабильно работает? Давайте разберёмся, какие преимущества это даёт и в каких случаях обновление действительно необходимо.

3 Июля 2024

~8 минут

blog