Interactsh Web Client

Un'interfaccia web basata su Next.js per Interactsh

Per Iniziare

Prerequisiti

• Node.js 20+ (richiesto per React 19)
• npm, yarn o pnpm

Installazione

1. Clona il repository:

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

2. Installa le dipendenze:

npm install
# or
yarn install

3. Avvia il server di sviluppo:

npm run dev
# or
yarn dev

4. Apri http://localhost:3000 nel tuo browser.

Compilazione per la Produzione

npm run build
npm start
# or
yarn build
yarn start

Docker

Costruisci ed esegui usando Docker:

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

Variabili d'Ambiente

Crea un file .env.local nella directory principale per personalizzare la configurazione:

Variabile	Descrizione	Predefinito
NEXT_PUBLIC_HOST	Host predefinito del server Interactsh	oast.fun
NEXT_PUBLIC_TOKEN	Token di autenticazione (opzionale)	-
NEXT_PUBLIC_CIDL	Lunghezza ID di correlazione	20
NEXT_PUBLIC_CIDN	Lunghezza nonce ID di correlazione	13

Stack Tecnologico

• Framework: Next.js 16 con App Router
• React: React 19.1.0
• Styling: SCSS, Tailwind CSS, styled-components
• Linguaggio: TypeScript
• Componenti UI: Headless UI v2
• Crittografia: node-rsa, crypto-browserify
• Gestione del tema: next-themes

Struttura del Progetto

src/
├── app/                    # Pagine dell'App Router Next.js
│   ├── page.tsx           # Pagina principale dell'applicazione
│   ├── layout.tsx         # Layout radice
│   ├── styles.scss        # Stili della pagina
│   ├── terms/             # Pagina dei termini
│   └── components/        # Componenti specifici della pagina
├── components/            # Componenti UI riutilizzabili
│   ├── appLoader/
│   ├── customHost/
│   ├── detailedRequest/
│   ├── header/
│   ├── icons/             # Componenti icona SVG
│   ├── notificationsPopup/
│   ├── requestsTable/
│   ├── resetPopup/
│   ├── tabSwitcher/
│   └── toggleBtn/
├── lib/                   # Funzioni e tipi di utilità
│   ├── index.ts           # Funzionalità principale
│   ├── localStorage/      # Gestione dell'archiviazione locale
│   ├── notify/            # Servizi di notifica
│   ├── registry.tsx       # Registro styled-components
│   └── types/             # Definizioni di tipo TypeScript
├── helpers/               # Loader di fallback
├── styles/                # Stili globali
└── theme.ts               # Configurazione del tema

Funzionalità

• Monitoraggio delle interazioni in tempo reale
• Supporto per più protocolli (HTTP, DNS, SMTP)
• Gestione delle schede per sessioni multiple
• Vista dettagliata richiesta/risposta
• Integrazioni di notifiche (Telegram, Slack, Discord)
• Configurazione host personalizzata
• Funzionalità di esportazione dati
• Selezione tema (Dark, Synth, Blue)

Licenza

Licenza MIT - vedi LICENSE.md per dettagli.

Crediti

• ProjectDiscovery - Interactsh core