Ваш інтерфейс все ще працює на jQuery, старих класових компонентах або застарілій конфігурації Next.js, і кожна зміна займає більше часу, ніж повинна. Я перенесу його на сучасний React або Next.js у TypeScript по одній сторінці, поки продукт продовжує працювати.
Я перенесу ваш інтерфейс jQuery або застарілий React на сучасний React або Next.js, сторінка за сторінкою
План міграції для вашого фронтенду та одна невелика сторінка, перенесена як зразок.
- План та одна зразкова сторінка
- Письмовий план міграції
- Вихідний код
До 3 сторінок перенесено на React або Next.js, що працюють поруч зі старим кодом.
- До 3 сторінок перенесено
- Письмовий план міграції
- Вихідний код
До 8 сторінок, спільні компоненти, типи TypeScript та тести.
- До 8 сторінок, компоненти, тести
- Письмовий план міграції
- Вихідний код
Запит індивідуальної пропозиції
Увійдіть, щоб запросити індивідуальну пропозицію
Створіть безкоштовний обліковий запис або увійдіть, щоб запросити персоналізовану пропозицію від цього Zinner.
Увійти / ЗареєструватисяЗадати питання перед продажем
Увійдіть, щоб задати питання
Щоб зменшити спам на платформі, повідомлення перед продажем можуть надсилати лише зареєстровані користувачі.
Створіть безкоштовний обліковий запис або увійдіть, щоб надіслати повідомлення цьому Zinner безпосередньо.
Увійти / ЗареєструватисяПотрібен вхід
Створіть безкоштовний обліковий запис або увійдіть, щоб надіслати повідомлення цьому Zinner.
Увійти / ЗареєструватисяПотрібен вхід
Створіть безкоштовний обліковий запис або увійдіть, щоб надіслати запит на персоналізовану пропозицію.
Увійти / ЗареєструватисяКороткий огляд
Ключові деталі про цю послугу, які допоможуть вам прийняти рішення. Згенеровано Zinn Hub, а не продавцем.
Ціннісна пропозиція
Підхід до міграції
Технологічний стек
Що залишається незмінним
Підтримка після доставки
Що ви отримаєте
Повний опис
Деякі продукти працюють і приносять гроші, але їхній фронтенд стало важко змінювати: jQuery, розкиданий по шаблонах, класові компоненти React багаторічної давності або програма Next.js, яка все ще працює на Pages Router. Повне переписування заморожує продукт на місяці. Я роблю інше: старий і новий код працюють пліч-о-пліч, а сторінки переміщуються по одній, тому для ваших користувачів ніколи не буде великого дня переходу.
Я робив саме це в минулому проекті під NDA: фронтенд jQuery переміщувався на React сторінка за сторінкою, поки продукт залишався активним.
Стартовий пакет дає вам план: я читаю старий фронтенд, відображаю його сторінки та спільні частини, перераховую ризики та мігрую одну невелику сторінку як робочий зразок підходу. Стандартний пакет переміщує до трьох сторінок або екранів. Розширений пакет переміщує до восьми, створює необхідні спільні компоненти та покриває їх типами TypeScript для їхніх даних та тестами для основних потоків.
Що залишається: ваш бекенд, ваші URL-адреси та поведінка, яку знають користувачі. Що змінюється: як організований код, щоб наступна функція була написана один раз, в одному місці. Протягом 14 днів після доставки я безкоштовно виправляю все, що не працює, як ми домовились.
Порядок сторінок та план узгоджуються в чаті замовлення, без дзвінків. Кожна мігрована сторінка відправляється окремо, і ви отримуєте письмову примітку про стан щодня.
Кроки для завершення вашого проекту
1. Відображення старого фронтенду — я переглядаю шаблони, скрипти та компоненти, і перераховую сторінки, спільні частини та все ризиковане, наприклад, глобальний стан або вбудовані скрипти.
2. Узгодження порядку — Ви отримуєте письмовий план: яка сторінка йде першою, що переміщується з нею, і як старий та новий код ділять продукт, поки обидва існують.
3. Міст — Новий код React або Next.js налаштовується поруч зі старим кодом, з маршрутизацією, яка надсилає кожну сторінку на ту сторону, яка нею володіє.
4. Переміщення сторінок по одній — Кожна сторінка перебудовується, порівнюється зі старою версією та перемикається самостійно, тому проблема впливає на одну сторінку, а не на продукт.
5. Передача — Мігровані сторінки, оновлений план того, що залишилося, та коротка примітка щодо шаблонів, яких слід дотримуватися для наступних сторінок.
Гарантія якості Zinner
Кожен Zinner перевіряється та затверджується перед приєднанням до платформи.
Усі послуги підкріплені нашою гарантією якості.
Ваш платіж захищений, доки ви не затвердите виконану роботу.
Порівняти пакети
| Функція | Стартер | Стандартний | Розширений |
|---|---|---|---|
| Час доставки | 4 днів | 10 днів | 21 днів |
| Ревізії | 1 | 2 | 3 |
| Обсяг | План та одна зразкова сторінка | До 3 сторінок перенесено | До 8 сторінок, компоненти, тести |
| Письмовий план міграції | ✓ | ✓ | ✓ |
| Вихідний код | ✓ | ✓ | ✓ |
Портфоліо
Приклади робіт продавця, пов'язаних із цим Zinn.
Formline: магазин Next.js зі Stripe
Вітрина, яку можна переглядати: 16 плакатів у 4 колекціях, фільтри та пошук, які залишаються в URL-адресі, кошик, світлі та темні теми, а також оформлення замовлення, яке закінчується демонстраційним замовленням або реальною сесією Stripe Checkout у тестовому режимі. Я створив його як статичний експорт Next.js у TypeScript з Tailwind CSS. Карткові платежі проходять через Cloudflare Worker, який перераховує ціни в кошику на сервері та перевіряє підпис вебхука Stripe.
Двомовний особистий сайт на Next.js
Односторінковий особистий сайт англійською та російською мовами, з розділом послуг та посиланнями на мої демонстраційні проекти. Я розробив та створив його за допомогою Next.js, React та TypeScript як статичний експорт, стилізований за допомогою звичайних CSS Modules без фреймворку інтерфейсу користувача. Він має світлі та темні теми, а зображення попереднього перегляду для соціальних мереж для кожної мови генерується під час збірки. GitHub Actions створює та розгортає його на Bunny CDN, який додає заголовки безпеки та перенаправляє www та звичайний HTTP на основну HTTPS-адресу.
Деталі послуги
Часті запитання
Тому що продукт стояв би на місці місяцями, і весь ризик припав би на один день випуску. Сторінка за сторінкою, кожен крок невеликий, тестований і легко відкочується.
Сторінки зберігають свої адреси. З Next.js нові сторінки досягають браузера як готовий HTML, відрендерений на сервері або під час збірки, тому пошукові системи бачать вміст як і раніше. React з Vite рендериться в браузері, тому для сторінок, які приносять пошуковий трафік, я рекомендую Next.js.
Так. Мігровані сторінки написані на TypeScript, а старий код продовжує працювати як JavaScript, доки не настане його черга.
Ні. Міграція стосується лише фронтенду. Якщо ваш бекенд вже має кінцеві точки для даних, які потрібні сторінці, нова сторінка їх використовує. Якщо ці дані сьогодні існують лише як HTML, відрендерений PHP, план перераховує невеликі кінцеві точки JSON, які потрібні сторінці, і ми домовляємося, хто їх додасть до переміщення цієї сторінки.
Відгуки клієнтів
Подивіться, що наші клієнти говорять про цей Zinn
Категорії
Політики Zinner
Пов'язані Zinns
Розробка професійних веб-додатків за допомогою Next.js, React, Firebase та Node.js
Виправлення помилок у Next.js, Supabase, GraphQL, MongoDB, Firebase
