Cliente Web de Interactsh

Una interfaz web basada en Next.js para Interactsh

Primeros Pasos

Requisitos Previos

• Node.js 20+ (requerido para React 19)
• npm, yarn o pnpm

Instalación

1. Clona el repositorio:

git clone https://github.com/projectdiscovery/interactsh-web.git
cd interactsh-web

2. Instala las dependencias:

npm install
# or
yarn install

3. Ejecuta el servidor de desarrollo:

npm run dev
# or
yarn dev

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

Compilación para Producción

npm run build
npm start
# or
yarn build
yarn start

Docker

Construye y ejecuta usando Docker:

docker build -t interactsh-web .
docker run -p 3000:3000 interactsh-web

Variables de Entorno

Crea un archivo .env.local en el directorio raíz para personalizar la configuración:

Variable	Descripción	Por defecto
NEXT_PUBLIC_HOST	Host del servidor Interactsh por defecto	oast.fun
NEXT_PUBLIC_TOKEN	Token de autenticación (opcional)	-
NEXT_PUBLIC_CIDL	Longitud del ID de correlación	20
NEXT_PUBLIC_CIDN	Longitud del Nonce del ID de correlación	13

Stack Tecnológico

• Framework: Next.js 16 con App Router
• React: React 19.1.0
• Estilos: SCSS, Tailwind CSS, styled-components
• Lenguaje: TypeScript
• Componentes UI: Headless UI v2
• Criptografía: node-rsa, crypto-browserify
• Gestión de Temas: next-themes

Estructura del Proyecto

src/
├── app/                    # Next.js App Router pages
│   ├── page.tsx           # Main application page
│   ├── layout.tsx         # Root layout
│   ├── styles.scss        # Page styles
│   ├── terms/             # Terms page
│   └── components/        # Page-specific components
├── components/            # Reusable UI components
│   ├── appLoader/
│   ├── customHost/
│   ├── detailedRequest/
│   ├── header/
│   ├── icons/             # SVG icon components
│   ├── notificationsPopup/
│   ├── requestsTable/
│   ├── resetPopup/
│   ├── tabSwitcher/
│   └── toggleBtn/
├── lib/                   # Utility functions and types
│   ├── index.ts           # Core functionality
│   ├── localStorage/      # Local storage management
│   ├── notify/            # Notification services
│   ├── registry.tsx       # styled-components registry
│   └── types/             # TypeScript type definitions
├── helpers/               # Fallback loaders
├── styles/                # Global styles
└── theme.ts               # Theme configuration

Características

• Monitoreo de interacciones en tiempo real
• Soporte para múltiples protocolos (HTTP, DNS, SMTP)
• Gestión de pestañas para múltiples sesiones
• Vista detallada de solicitudes/respuestas
• Integraciones de notificaciones (Telegram, Slack, Discord)
• Configuración de host personalizado
• Funcionalidad de exportación de datos
• Selección de tema (Oscuro, Synth, Azul)

Licencia

Licencia MIT - consulta LICENSE.md para más detalles.

Créditos

• ProjectDiscovery - Núcleo de Interactsh