Next.js приложение для получения статистики Faceit по CS2 по никнейму или Steam ссылке.
- 🔍 Поиск игрока по никнейму Faceit
- 🔗 Поиск игрока по Steam ID или ссылке на Steam профиль
- 📊 Отображение статистики CS2:
- ELO рейтинг
- Уровень навыка
- Общая статистика (матчи, победы, винрейт, K/D, HS%)
- Дополнительная статистика по сегментам
- Установите зависимости:
npm install- Создайте файл
.env.localв корне проекта:
FACEIT_API_KEY=your_faceit_api_key_here
Для получения API ключа:
- Зарегистрируйтесь на Faceit Developer Portal
- Создайте приложение и получите API ключ
Для продакшена (Vercel):
FACEIT_API_KEY- ваш Faceit API ключ
- Запустите приложение в режиме разработки:
npm run devОткройте http://localhost:3000 в браузере.
- Введите никнейм Faceit или Steam ссылку в поле ввода
- Нажмите "Получить статистику"
- Просмотрите детальную статистику игрока
- Никнейм Faceit:
s1mple - Steam ссылка:
https://steamcommunity.com/profiles/76561198012345678 - Steam ID64:
76561198012345678
- Next.js 14 (App Router)
- TypeScript
- Axios
- Faceit Open API
npm run build
npm startПроект оптимизирован для SEO и производительности:
- ✅ Полные метаданные (title, description, keywords)
- ✅ Open Graph и Twitter Cards
- ✅ Динамические метаданные для страниц игроков
- ✅ Структурированные данные (JSON-LD)
- ✅ Sitemap.xml и robots.txt
- ✅ Canonical URLs
- ✅ Next.js Image компонент для оптимизации изображений
- ✅ Автоматическая компрессия
- ✅ Оптимизация кеширования (статические ресурсы, API)
- ✅ Preconnect и DNS prefetch для внешних доменов
- ✅ Оптимизация CSS и JavaScript
- ✅ Безопасные заголовки HTTP
- Подключите репозиторий к Vercel
- Добавьте переменные окружения:
FACEIT_API_KEY- ваш Faceit API ключ
- Деплой произойдет автоматически
После деплоя проверьте:
/sitemap.xml- карта сайта/robots.txt- правила для поисковых роботов