[Codex/Cursor] Migrate from Clerk to NextAuth #8

alex-suprun-git · 2025-07-12T16:17:12Z

🚀 Overview

This PR migrates the authentication system from Clerk to NextAuth.js, providing a more customizable and self-hosted authentication solution.

✨ Changes Made

Authentication Provider: Replaced Clerk with NextAuth.js
Sign-in/Sign-up Pages: Updated authentication pages with improved UI and error handling
Internationalization: Enhanced auth pages with proper i18n support
Error Handling: Improved error messages and user feedback
Dependencies: Updated and cleaned up authentication-related dependencies

�� Technical Details

Implemented NextAuth.js configuration with proper session handling
Updated API routes to work with NextAuth.js
Enhanced accessibility features in authentication forms
Added proper TypeScript types for authentication

…on and improved error handling

vercel · 2025-07-12T16:17:19Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
nextjs-openai-platform	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 12, 2025 4:51pm
nextjs-openai-public	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 12, 2025 4:51pm

…days from now

…rection on error

…les and update logout functionality in Navbar

cursor

Bug: Unexpected Redirect After Cookie Rejection

Rejecting cookies via the banner unexpectedly redirects users to https://www.google.com. This unintended behavior disrupts the user experience, as users typically expect to remain on the current site or be directed to a privacy policy, not an external website, despite the rejection cookie being set.

packages/global-ui/src/CookieBanner/index.tsx#L85-L88

nextjs-openai-integration-demo/packages/global-ui/src/CookieBanner/index.tsx

Lines 85 to 88 in ee98779

    
           	// Redirect to Google homepage 
        
           	window.location.href = 'https://www.google.com'; 
        
           };

Fix in Cursor • Fix in Web

Bug: Cookie Banner Blocks Interactions, Redirects Unexpectedly

The cookie banner introduces aggressive user experience issues: it displays a full-screen overlay that blocks all user interactions until cookies are accepted, and unexpectedly redirects users to https://www.google.com when they reject cookies. This behavior is likely unintended.

packages/global-ui/src/CookieBanner/index.tsx#L105-L148

nextjs-openai-integration-demo/packages/global-ui/src/CookieBanner/index.tsx

Lines 105 to 148 in ee98779

    
           <> 
        
           	{/* Full-screen overlay to block all interactions */} 
        
           	<div className="fixed inset-0 bg-black bg-opacity-50 z-40 pointer-events-auto" /> 
        
           	{/* Cookie banner positioned above the overlay */} 
        
           	<div className="fixed border-t-1 border-black bottom-0 left-0 right-0 z-50 p-4 bg-gray-900 shadow-lg"> 
        
           		<div className="container mx-auto"> 
        
           			<div className="flex flex-col sm:flex-row items-start justify-between gap-4"> 
        
           				<div className="max-w-2xl"> 
        
           					<h2 className="text-lg mb-2 font-semibold"> 
        
           						{translations.title} 
        
           					</h2> 
        
           					<p className="text-sm">{translations.description}</p> 
        
           					{hasTypes && ( 
        
           						<p className="mt-1 mb-1 text-xs text-slate-400"> 
        
           							{cookieTypes.join(' • ')} 
        
           						</p> 
        
           					)} 
        
           					{translations.learnMore && translations.policyLink && ( 
        
           						<a 
        
           							href="#" 
        
           							className="mt-1 inline-block text-yellow-200 hover:underline text-xs"> 
        
           							{translations.learnMore} 
        
           						</a> 
        
           					)} 
        
           				</div> 
        
           				<div className="flex gap-2 self-end"> 
        
           					<button 
        
           						onClick={handleReject} 
        
           						className="btn bg-red-800 hover:bg-red-900 btn-sm"> 
        
           						{translations.rejectButton} 
        
           					</button> 
        
           					<button 
        
           						onClick={handleAccept} 
        
           						className="btn bg-yellow-200 hover:bg-yellow-300 text-black btn-sm"> 
        
           						{translations.acceptButton} 
        
           					</button> 
        
           				</div> 
        
           			</div> 
        
           		</div> 
        
           	</div> 
        
           </>

packages/global-ui/src/CookieBanner/index.tsx#L86-L87

nextjs-openai-integration-demo/packages/global-ui/src/CookieBanner/index.tsx

Lines 86 to 87 in ee98779

    
           // Redirect to Google homepage 
        
           window.location.href = 'https://www.google.com';

Fix in Cursor • Fix in Web

Was this report helpful? Give feedback by reacting with 👍 or 👎

alex-suprun-git added 3 commits July 12, 2025 17:43

feat(auth): migrate from clerk to nextauth

166534f

fix(platform): update dependencies and improve accessibility

ec6c8e0

feat(auth): enhance sign-in and sign-up pages with internationalizati…

dab188e

…on and improved error handling

alex-suprun-git self-assigned this Jul 12, 2025

alex-suprun-git added enhancement New feature or request refactor codex labels Jul 12, 2025

This comment was marked as outdated.

Sign in to view

fix(api/auth): update promptSymbolsLimitRenewal to set expiration 30 …

1f61891

…days from now

alex-suprun-git added the cursor label Jul 12, 2025

vercel bot deployed to Preview – nextjs-openai-public July 12, 2025 16:22 View deployment

vercel bot deployed to Preview – nextjs-openai-platform July 12, 2025 16:25 View deployment

This comment was marked as outdated.

Sign in to view

alex-suprun-git added 2 commits July 12, 2025 18:28

fix(platform/auth): update sign-in behavior to prevent automatic redi…

6b97022

…rection on error

feat(platform): enhance sign-in and sign-up pages with new button sty…

ee98779

…les and update logout functionality in Navbar

vercel bot deployed to Preview – nextjs-openai-public July 12, 2025 16:49 View deployment

cursor bot reviewed Jul 12, 2025

View reviewed changes

vercel bot deployed to Preview – nextjs-openai-platform July 12, 2025 16:51 View deployment

alex-suprun-git merged commit 7f86160 into main Jul 12, 2025
4 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[Codex/Cursor] Migrate from Clerk to NextAuth #8

[Codex/Cursor] Migrate from Clerk to NextAuth #8

Uh oh!

alex-suprun-git commented Jul 12, 2025

Uh oh!

vercel bot commented Jul 12, 2025 •

edited

Loading

Uh oh!

This comment was marked as outdated.

Uh oh!

This comment was marked as outdated.

Uh oh!

cursor bot left a comment

Uh oh!

Uh oh!

Uh oh!


	// Redirect to Google homepage
	window.location.href = 'https://www.google.com';
	};

	<>
	{/* Full-screen overlay to block all interactions */}
	<div className="fixed inset-0 bg-black bg-opacity-50 z-40 pointer-events-auto" />

	{/* Cookie banner positioned above the overlay */}
	<div className="fixed border-t-1 border-black bottom-0 left-0 right-0 z-50 p-4 bg-gray-900 shadow-lg">
	<div className="container mx-auto">
	<div className="flex flex-col sm:flex-row items-start justify-between gap-4">
	<div className="max-w-2xl">
	<h2 className="text-lg mb-2 font-semibold">
	{translations.title}
	</h2>
	<p className="text-sm">{translations.description}</p>

	{hasTypes && (
	<p className="mt-1 mb-1 text-xs text-slate-400">
	{cookieTypes.join(' • ')}
	</p>
	)}

	{translations.learnMore && translations.policyLink && (
	<a
	href="#"
	className="mt-1 inline-block text-yellow-200 hover:underline text-xs">
	{translations.learnMore}
	</a>
	)}
	</div>
	<div className="flex gap-2 self-end">
	<button
	onClick={handleReject}
	className="btn bg-red-800 hover:bg-red-900 btn-sm">
	{translations.rejectButton}
	</button>
	<button
	onClick={handleAccept}
	className="btn bg-yellow-200 hover:bg-yellow-300 text-black btn-sm">
	{translations.acceptButton}
	</button>
	</div>
	</div>
	</div>
	</div>
	</>

[Codex/Cursor] Migrate from Clerk to NextAuth #8

[Codex/Cursor] Migrate from Clerk to NextAuth #8

Uh oh!

Conversation

alex-suprun-git commented Jul 12, 2025

🚀 Overview

✨ Changes Made

�� Technical Details

Uh oh!

vercel bot commented Jul 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

This comment was marked as outdated.

Uh oh!

This comment was marked as outdated.

Uh oh!

cursor bot left a comment

Choose a reason for hiding this comment

Bug: Unexpected Redirect After Cookie Rejection

Bug: Cookie Banner Blocks Interactions, Redirects Unexpectedly

Uh oh!

Uh oh!

Uh oh!

vercel bot commented Jul 12, 2025 •

edited

Loading