Как я перенёс Next.js на React Router и TanStack скачать в хорошем качестве

Как я перенёс Next.js на React Router и TanStack

Сегодня мы рассмотрим, как перейти с Next.js на TanStack Start или React Router v7. Исходный репозиторий Next.js: https://github.com/TheOrcDev/noteforge Перенесённый репозиторий: https://github.com/forge-42/note-forg... Руководство по TanStack: https://tanstack.com/start/latest/doc... Прямая трансляция миграции: https://youtube.com/live/0nH7kpXShys Я также являюсь инструктором по Epic Web. Если вам интересны мои будущие курсы по React-router, подписывайтесь на рассылку здесь, чтобы не пропустить обновления: https://www.epicweb.dev/newsletter 👍 Не забудьте поставить лайк, оставить комментарий и подписаться на новые выпуски этого сериала! Присоединяйтесь к нашему сообществу разработчиков, и давайте вместе создадим что-нибудь потрясающее. 📌 Оставайтесь на связи: Twitter:   / alemtuzlak   GitHub: https://github.com/AlemTuzlak GitHub компании: https://github.com/forge-42 ⏱️ Временные метки: 00:00 — вступление 00:32 — какой шаблон я использовал 01:40 — изучение готового перенесённого приложения 02:36 — как я перенёс миграцию с next.js 03:35 — руководство по миграции 04:39 — как постепенно перейти с next.js на новый фреймворк 05:18 — Первые шаги миграции и запуск vite 06:37 — конфигурация vite 07:28 — зависимости запуска tanstack 08:26 — миграция поставщиков контекста 09:07 — миграция пользовательских шрифтов 10:43 — дополнительная информация о поставщиках контекста и макете приложения 12:04 — обработка переменных .env 13:21 — переход от примитивов next.js к другим фреймворкам 14:32 — альтернатива next/image 15:31 — миграция маршрутов и действий сервера 17:23 — изменение компонентов для отказа от использования useRouter из next 18:01 — изменения в React-Router 19:21 — постепенная миграция маршрутов 19:36 — миграция better-auth и аутентификации в целом 20:15 — обработка переменных poly env 20:49 — важная информация о better-auth 21:40 — миграция остальной части проекта и как я это сделал 23:06 — полное удаление next из проекта 24:18 — заключительные мысли о миграции 25:20 — заключение 🔖 Теги: Фреймворк React Router, Vite, React Router Vite, веб-разработка, фронтенд-разработка, руководство по Remix, кодинг руководство, руководство по Remix Vite, открытый исходный код, сообщество разработчиков кода, руководство по фреймворку Remix, React Router, руководство по Remix Router