Skip to content

Add Next.js frontend (auth, workspaces, monitors, dashboard, incidents) - #2

Closed
sarangs1621 wants to merge 2 commits into
docs/phase-13-portfolio-readinessfrom
feature/frontend-app
Closed

Add Next.js frontend (auth, workspaces, monitors, dashboard, incidents)#2
sarangs1621 wants to merge 2 commits into
docs/phase-13-portfolio-readinessfrom
feature/frontend-app

Conversation

@sarangs1621

Copy link
Copy Markdown
Owner

Summary

  • Adds a Next.js (App Router) + TypeScript + Tailwind CSS v4 frontend under frontend/, deployed separately (e.g. Vercel) and consuming the FastAPI backend's public REST API
  • Covers the v1 core loop: login/register, workspace list/create/join, monitor CRUD with check/latency/uptime detail views and charts, a workspace dashboard, and incident list/detail with acknowledge/resolve
  • Adds docs/FRONTEND.md (stack, structure, auth model, local dev, env vars, Vercel deployment + CORS) and links it from the root README

Base branch note

This branch is stacked on docs/phase-13-portfolio-readiness (#1), which is still open. Once #1 merges into main, GitHub will retarget this PR's base to main automatically.

Test plan

  • npx tsc --noEmit passes with no errors
  • npx eslint . passes (0 errors, 1 known react-hook-form/React Compiler warning)
  • npm run build succeeds
  • Ran the full flow against a live backend via curl: register, login, create workspace, create monitor, record checks (success + failure to trip the failure threshold), verify auto-created incident, acknowledge/resolve incident, dashboard stats, join workspace via invite code, and RBAC checks (member cannot edit others' monitors or manage incidents)
  • Manual browser walkthrough of each page (not yet done in this session)

…ncidents

Adds a TypeScript + Tailwind CSS v4 SPA under frontend/ (deployed separately
on Vercel) covering the v1 core loop: login/register, workspace list/create/
join, monitor CRUD with check/latency/uptime detail views and charts, a
workspace dashboard, and incident list/detail with acknowledge/resolve.
Uses React Query for data fetching and a typed API client with JWT
refresh-on-401. Documents local dev, env vars, CORS, and Vercel deployment
in docs/FRONTEND.md, linked from the root README.
@coderabbitai

coderabbitai Bot commented Jun 12, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: e5d246a8-646d-4531-814d-750b7b553df3

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feature/frontend-app

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Supersedes the early scaffold (auth context, React Query, Tailwind CSS
v4, recharts) with the full app: login/register, workspace management
(members, invite codes, API keys), monitor CRUD with check/metric
history, incident management, alert rules, the notification delivery
log, and audit logs, all built on a custom dark glassmorphism design
system with a typed fetch client (no React Query/Tailwind/Recharts).

Adds frontend/.gitignore and .env.example, a legacy ESLint config so
`next lint` works, a postcss override to clear a moderate npm audit
finding, and rewrites docs/FRONTEND.md plus the root README's frontend
section to match the new stack and structure.
@sarangs1621
sarangs1621 deleted the branch docs/phase-13-portfolio-readiness June 27, 2026 15:13
@sarangs1621
sarangs1621 deleted the feature/frontend-app branch June 27, 2026 15:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant