Introduction
Welcome to the N-Keys Documentation!
N-Keys has recently undergone a major architectural migration, transitioning from a classic React Client-Side Rendered (CSR) application into a full-stack Next.js (App Router) application.
Why Next.js?
The shift to Next.js brings several immediate benefits to the N-Keys ecosystem:
- Server-Side Rendering (SSR): The public landing pages (
/,/contact,/feature,/roadmap) are now pre-rendered on the server, ensuring blazing fast load times and optimal SEO indexing. - Route Protection: Next.js Middleware acts as a gatekeeper, intercepting requests to sensitive areas (like the
/dashboard) at the Edge, ensuring zero-latency auth checks. - Improved Data Fetching: By utilizing Server Components and Route Handlers, N-Keys can communicate securely with its API (
https://secrets.nekonik.com) without exposing tokens to the browser unnecessarily.
Document Overview
This documentation provides a technical deep dive into how N-Keys is built and deployed.
- Route Groups: Discover how layouts are isolated without affecting URLs.
- Authentication: Learn how Jotai and Middleware power our secure session management.
- Cloudflare Pages: See how we leverage Cloudflare's Edge network for global performance.