65 lines
1.6 KiB
Markdown
65 lines
1.6 KiB
Markdown
# Demo SPA App
|
||
|
||
Максимально простое React SPA приложение для демонстрации развертывания в Kubernetes с OAuth2 аутентификацией.
|
||
|
||
## Особенности
|
||
|
||
- ✅ Минимальный React приложение
|
||
- ✅ Приветствие пользователя по имени
|
||
- ✅ Контейнеризация с nginx
|
||
- ✅ Принцип KISS - только необходимое
|
||
|
||
## Локальная разработка
|
||
|
||
```bash
|
||
# Установка зависимостей
|
||
npm install
|
||
|
||
# Запуск в режиме разработки
|
||
npm run dev
|
||
|
||
# Сборка для продакшена
|
||
npm run build
|
||
```
|
||
|
||
## Сборка Docker образа
|
||
|
||
```bash
|
||
# Сборка образа
|
||
docker build -t demo-spa-app .
|
||
|
||
# Запуск контейнера
|
||
docker run -p 8080:80 demo-spa-app
|
||
```
|
||
|
||
Приложение будет доступно по адресу: http://localhost:8080
|
||
|
||
## Структура проекта
|
||
|
||
```
|
||
demo-spa-app/
|
||
├── src/
|
||
│ ├── App.jsx # Главный компонент с приветствием
|
||
│ └── main.jsx # Точка входа React
|
||
├── Dockerfile # Контейнеризация
|
||
├── nginx.conf # Конфигурация nginx
|
||
├── package.json # Зависимости
|
||
└── vite.config.js # Конфигурация Vite
|
||
```
|
||
|
||
## Технологии
|
||
|
||
- **React 18** - UI библиотека
|
||
- **Vite** - быстрая сборка
|
||
- **nginx** - веб-сервер
|
||
- **Docker** - контейнеризация
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|