Fernando Xansiety

Middleware Setup con NextAuth y Rutas Protegidas

Este documento explica la implementación del middleware de autenticación en Next.js usando NextAuth con soporte para Edge Runtime.

📋 Tabla de Contenidos

Problema Principal
Solución Implementada
Estructura de Archivos
Configuración Paso a Paso

Comando con Ruby instalado

ruby -rsecurerandom -e 'puts SecureRandom.hex(20)'

Ejemplo: No usar en producción

4510c8cf2fe423f8be5afccbdd30c678677e172b

Node con TypeScript - TS-Node-dev (preferido)

Instalar TypeScript y demás dependencias

npm i -D typescript @types/node ts-node-dev rimraf

Inicializar el archivo de configuración de TypeScript ( Se puede configurar al gusto)

npx tsc --init --outDir dist/ --rootDir src

Pasos para configurar Jest con TypeScript, en Node

Documentación oficial sobre Jest

Instalaciones de desarrollo (super test es útil para probar Express)

npm install -D jest @types/jest ts-jest supertest

Pasos para usar Node con TypeScript con Nodemon

Más información - Docs Oficiales

Instalar TypeScript y tipos de Node, como dependencia de desarrollo

npm i -D typescript @types/node

Inicializar el archivo de configuración de TypeScript ( Se puede configurar al gusto)

El objetivo principal de este artículo es proporcionar los pasos a seguir con las instrucciones detalladas y necesarias para poder configurar un proyecto de Angular con las herramientas que nos va a ayudar a trabajar con buenas prácticas.

Estas buenas prácticas que queremos aplicar se realizarán tanto en la escritura del código, siguiendo una línea estable de escritura con unas normas preestablecidas y también en lo que respecta a la adición de mensajes de commit donde realizaremos las configuraciones necesarias con el objetivo de respetar la convención para escribir los mensajes de commit siguiendo una estructura común que se usará en infinidad de proyectos, con lo que esto proporcionará una forma de trabajar estable y correcta mediante git flow escribiendo mensajes de commit.

Preparativos para empezar a trabajar

El tutorial **se desarrollará con una aplicación Angular en la ver

Usar estos plugins para trabajar con Semantic Versioning

package.json

"plugins": [
    "@semantic-release/commit-analyzer",
    "@semantic-release/release-notes-generator",
    "@semantic-release/changelog",
    "@semantic-release/github",
 "@semantic-release/npm",

	import { v4 as uuidV4 } from "uuid";
	import { uniqueNamesGenerator, Config, names } from "unique-names-generator";

	const config: Config = {
	dictionaries: [names],
	};

	export type Payment = {
	id: string;
	amount: number;

	name: Deploy to Azure Container Apps

	on:
	workflow_dispatch:
	push:
	branches: [main]

	env:
	AZURE_CONTAINER_REGISTRY: <NAME>
	CONTAINER_APP_NAME: <NAME>



	openssl req -x509 -sha256 -nodes -days 365 -newkey rsa:2048 -keyout server.key -out server.crt