Skip to content

Login Setup#8

Merged
orimcoding merged 8 commits intomainfrom
login-setup
Apr 22, 2026
Merged

Login Setup#8
orimcoding merged 8 commits intomainfrom
login-setup

Conversation

@orimcoding
Copy link
Copy Markdown
Owner

@orimcoding orimcoding commented Apr 22, 2026

Pull Request

Description

  • Functional Auth-Flow
  • Login/Logout & Home Page UI

Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation update
  • Refactoring (no functional changes)
  • Performance improvement
  • Other (please describe):

Related Issues

Screenshots (If it is a front end feature screenshot is reccomended)

Additional Notes

Summary by CodeRabbit

  • New Features

    • Login page and responsive login form with client-side validation and error display
    • Logout endpoints to end sessions
    • Dashboard page that greets signed-in users by email
  • Improvements

    • Home now acts as an auth gate with loading/redirect states
    • Authentication-aware routing to protect dashboard and redirect accordingly
    • Stronger environment variable validation with clearer errors

@orimcoding orimcoding self-assigned this Apr 22, 2026
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 22, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
swale Error Error Apr 22, 2026 10:44pm

@supabase
Copy link
Copy Markdown

supabase Bot commented Apr 22, 2026

This pull request has been ignored for the connected project isbbtnzupwefmhzojltw because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 22, 2026

Warning

Rate limit exceeded

@orimcoding has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 11 minutes and 25 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 11 minutes and 25 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: e7734f95-7ffa-470e-a754-2c0aff6b73a9

📥 Commits

Reviewing files that changed from the base of the PR and between 5c03bf8 and 89e5fd9.

📒 Files selected for processing (2)
  • src/app/dashboard/page.tsx
  • src/app/page.tsx

Note

.coderabbit.yaml has unrecognized properties

CodeRabbit is using all valid settings from your configuration. Unrecognized properties (listed below) have been ignored and may indicate typos or deprecated fields that can be removed.

⚠️ Parsing warnings (1)
Validation error: Unrecognized key(s) in object: 'version'
⚙️ Configuration instructions
  • Please see the configuration documentation for more information.
  • You can also validate your configuration using the online YAML validator.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json
📝 Walkthrough

Walkthrough

Adds a client-side login UI and form, a logout API route, server-rendered dashboard, middleware enforcing auth-based routing, and runtime validation for Supabase env vars in both client and server helpers. Home page now gates/redirects based on auth state.

Changes

Cohort / File(s) Summary
Auth API
src/app/api/auth/logout/route.ts
Adds GET and POST handlers that create a Supabase server client, call supabase.auth.signOut(), and return either a JSON success or a 302 redirect; errors yield 500 JSON.
Login UI & Components
src/components/auth/LoginForm.tsx, src/components/auth/LoginPageUI.tsx, src/app/auth/login/page.tsx, src/app/auth/layout.tsx
Introduces client login page and layout, a LoginPageUI composed with LoginForm that manages email/password state, posts to /api/auth/login, and navigates to /dashboard on success.
Pages: Home & Dashboard
src/app/page.tsx, src/app/dashboard/page.tsx
Home converted to a client auth gate using auth hook and router redirect to /dashboard; new server DashboardPage forces dynamic rendering and reads authenticated user via Supabase to display user email.
Supabase Helpers
src/lib/supabase/client.ts, src/lib/supabase/server.ts
Replace non-null assertions with runtime validation of Supabase env vars (NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY / server equivalents) and throw descriptive errors when missing.
Routing Middleware
src/middleware.ts
Middleware now short-circuits when Supabase env vars are missing, otherwise uses Supabase getUser() to decide redirects: unauthenticated → / for /dashboard*, authenticated → /dashboard for / or /auth/*; removes env non-null assertions.

Sequence Diagram

sequenceDiagram
    participant Browser as Browser/Client
    participant Middleware as Middleware
    participant Supabase as Supabase
    participant App as App/Page/API

    Browser->>Middleware: HTTP request (path)
    
    rect rgba(100, 150, 200, 0.5)
    Note over Middleware: Check Supabase env vars
    alt Env vars missing
        Middleware-->>Browser: NextResponse.next()
    else Env vars present
        Middleware->>Supabase: supabase.auth.getUser()
        alt User retrieved
            Supabase-->>Middleware: authUser
        else Error / no user
            Supabase-->>Middleware: error / null
        end
    end
    end

    rect rgba(150, 200, 150, 0.5)
    Note over Middleware: Route decision
    alt Unauthenticated && path starts with /dashboard
        Middleware-->>Browser: Redirect to /
    else Authenticated && (path == / or path starts with /auth/)
        Middleware-->>Browser: Redirect to /dashboard
    else
        Middleware-->>App: Allow request to continue
        App-->>Browser: Render or API response (e.g., logout, dashboard)
    end
    end
Loading

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~45 minutes

Possibly related PRs

  • Supabase Integration #5: Modifies Supabase integration and auth routes; overlaps with env var validation, middleware auth, and API route changes.

Poem

🐇 I nibbled bugs and hopped through code,
Logged out the users down the road,
With supabase checks and redirects bright,
Dashboards open in moonlit night,
Hooray — the auth flow's running right! ✨

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (1 warning, 1 inconclusive)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
Title check ❓ Inconclusive The title 'Login Setup' is vague and generic. While it broadly relates to the authentication work, it fails to capture the specific, primary changes such as implementing login/logout flows, authentication gating, or the complete auth system architecture. Provide a more descriptive title that highlights the main implementation, such as 'Implement authentication flow with login/logout and home page redirect' or 'Add login UI and authentication-based routing'.
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch login-setup

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

@orimcoding orimcoding merged commit e62b105 into main Apr 22, 2026
5 of 8 checks passed
@orimcoding orimcoding mentioned this pull request Apr 22, 2026
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