npp-web
npp-web — защищённый frontend платформы на Nuxt 3 + TypeScript + Tailwind CSS + Radix Vue + Apollo GraphQL.
Что делает
- показывает страницу входа и защищённый кабинет;
- отображает dashboard, закупки, источники, запуски, отчёты и пользователей;
- обращается к backend только через GraphQL API.
Основные маршруты
/login/dashboard/procurements/procurements/:id/sources/jobs/reports/profile/users
Переменные окружения
NUXT_PUBLIC_GRAPHQL_ENDPOINT— публичный GraphQL endpoint клиента;NUXT_GRAPHQL_PROXY_TARGET— backend target для dev-proxy.
Пример:
bash
NUXT_PUBLIC_GRAPHQL_ENDPOINT=/graphql
NUXT_GRAPHQL_PROXY_TARGET=http://localhost:3000Локальный запуск
bash
npm install
npm run devПо умолчанию приложение доступно на http://localhost:4173.
Production
bash
npm run typecheck
npm run build
node .output/server/index.mjsUI-стилистика
Текущий визуальный язык построен на:
- светлой теме;
- нейтральной графитовой палитре;
- мягких границах и скруглениях;
- шрифте
Geist; - спокойных градиентных подложках.
Именно этот набор взят за основу для документационного сайта в этом репозитории.