Добро пожаловать в React Router!

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

Возможности

• 🚀 Серверный рендеринг
• ⚡️ Горячая замена модулей (HMR)
• 📦 Сборка и оптимизация ресурсов
• 🔄 Загрузка данных и мутации
• 🔒 TypeScript по умолчанию
• 🎉 TailwindCSS для стилизации
• 📖 Документация React Router

Начало работы

Установка

Установите зависимости:

npm install

Разработка

Запустите сервер разработки с HMR:

npm run dev

Ваше приложение будет доступно по адресу http://localhost:5173.

Сборка для продакшена

Создайте продакшен-сборку:

npm run build

Деплой

Деплой через Docker

Чтобы собрать и запустить приложение с помощью Docker:

docker build -t my-app .

# Run the container
docker run -p 3000:3000 my-app

Контейнеризированное приложение можно развернуть на любой платформе, поддерживающей Docker, включая:

• AWS ECS
• Google Cloud Run
• Azure Container Apps
• Digital Ocean App Platform
• Fly.io
• Railway

Самостоятельный деплой

Если вы знакомы с развертыванием Node-приложений, встроенный сервер приложения готов к продакшену.

Обязательно разверните результат выполнения npm run build

├── package.json
├── package-lock.json (or pnpm-lock.yaml, or bun.lockb)
├── build/
│   ├── client/    # Static assets
│   └── server/    # Server-side code

Стилизация

Этот шаблон поставляется с заранее настроенным Tailwind CSS для простого стартового опыта. Вы можете использовать любой CSS-фреймворк, какой предпочитаете.

Создано с ❤️ с использованием React Router.