Skip to content

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.mjs

UI-стилистика

Текущий визуальный язык построен на:

  • светлой теме;
  • нейтральной графитовой палитре;
  • мягких границах и скруглениях;
  • шрифте Geist;
  • спокойных градиентных подложках.

Именно этот набор взят за основу для документационного сайта в этом репозитории.

Техническая и аналитическая документация платформы NPPWEB.