coder-next

Aplicación web desarrollada con Next.js y React, con soporte para autenticación de usuarios, protección de rutas y gestión de sesiones mediante NextAuth.js, optimizada con renderizado híbrido y arquitectura modular.

---

Demo en vivo

El proyecto se encuentra desplegado y disponible para pruebas en:
https://coder-next-tan.vercel.app

---

Características principales

• Autenticación y Sesiones: Control de acceso granular y protección de rutas mediante NextAuth.js.
• Renderizado híbrido: Implementación de Server-Side Rendering (SSR) y Static Site Generation (SSG) para optimizar el rendimiento y SEO.
• Ruteo dinámico: Navegación basada en parámetros dinámicos y redirecciones según el estado de la sesión.
• Diseño responsive: Interfaz adaptable a diferentes tamaños de pantalla y dispositivos.
• Arquitectura modular: Componentes UI desacoplados, reutilizables y tipados.

---

Tecnologías utilizadas

• Framework: Next.js
• Librería de interfaz: React.js
• Autenticación: NextAuth.js
• Despliegue: Vercel
• Control de versiones: Git y GitHub

---

Configuración y ejecución en entorno local

1. Clonar el repositorio e instalar dependencias

git clone [https://github.com/KiKDraS/coder-next.git](https://github.com/KiKDraS/coder-next.git)
cd coder-next
npm install

2. Configuración de Variables de Entorno

El proyecto requiere NextAuth.js para gestionar las sesiones y el acceso a rutas protegidas.

1. Generar un hash criptográfico en la terminal con OpenSSL:

   openssl rand -base64 32

2. Crear un archivo .env.local en el directorio raíz del proyecto:

   touch .env.local

3. Agregar las variables de entorno requeridas:

   NEXTAUTH_SECRET=TU_HASH_GENERADO
   NEXTAUTH_URL=http://localhost:3000

3. Iniciar el servidor de desarrollo

npm run dev

La aplicación estará disponible en http://localhost:3000.