The Backstory
As a Full-Stack Engineer and the founder of Delta Auth, I’ve spent countless hours obsessing over the "handshake" between a user and an application. Recently, I led a mission-critical migration for a cybersecurity firm, moving their entire infrastructure from Clerk to Auth0.
While Clerk is the "king" of developer experience, moving to an enterprise-grade solution like Auth0 introduces architectural hurdles that most tutorials don't prepare you for.
The Core Challenge: Invisible Persistence
The biggest friction point I encountered wasn't the API—it was understanding httpOnly cookies. I struggled initially to understand how a user could stay logged in across routes without saving their data in a global state library like Zustand or Redux.
Here is the logic I discovered: The Browser is your Security Officer, not your State Manager.
1. Why httpOnly?
In a high-security environment, JavaScript is a liability. If a malicious script can read your localStorage, your session is compromised. By using httpOnly cookies, we move the session token into a "locked vault" that JavaScript cannot touch.
2. The "Sync" Pattern
Since my Next.js frontend couldn't "see" the cookie, I had to architect a Server-Side Bridge. Instead of the frontend asking "Is there a token?", the backend middleware checks the cookie automatically on every request.
typescript
// middleware.ts - The Onwodi Logic Bridge
import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';
export function middleware(request: NextRequest) {
// The 'invisible' cookie being checked server-side
const session = request.cookies.get('auth0_session_token');
const { pathname } = request.nextUrl;
// Protect sensitive routes without needing Frontend State
if (!session && pathname.startsWith('/dashboard')) {
return NextResponse.redirect(new URL('/login', request.url));
}
return NextResponse.next();
}
---
### **About the Author**
**Samuel Onwodi** is a Full-Stack Software Engineer and the Founder of **Delta Auth**. He specializes in building secure, product-led architectures using Next.js, TypeScript, and AWS.
*Follow **Onwodi’s Logic** for deep-dives into technical architecture, security, and the logic behind high-scale web systems.*
Top comments (1)
Thanks for reading! I'm curious—has anyone else dealt with the 'invisibility' of httpOnly cookies during a migration? How did you handle your UI state updates?