# Dioxus SSR + TailwindCSS Starter
このプロジェクトは、**Dioxus（Rust製UIフレームワーク）** を使った **サーバーサイドレンダリング（SSR）構成** に、**TailwindCSS** を適用したスタートアップテンプレートです。
---
## ✅ 特徴
- 🦀 Rust製の軽量UIフレームワーク [Dioxus](https://dioxuslabs.com/)
- ⚡ サーバーサイドレンダリング（SSR）構成
- 🎨 TailwindCSS 適用済み
- 🔧 `tower_http::services::ServeDir` による静的ファイル提供
- 📦 Axumによるシンプルなルーティング
- 🧪 モックサーバを利用したデータ取得テスト実装済み
---
## 📁 ディレクトリ構成
. ├── assets/ │ └── tailwind.css # Tailwindのスタイルファイル ├── src/ │ ├── main.rs # エントリポイント（Dioxus SSR + Axum） │ └── mock_server.rs # モックデータを返す仮想API的モジュール ├── Cargo.toml └── README.md
---
## 🚀 起動方法
```bash
# Rustが未インストールの場合
curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
# プロジェクトディレクトリへ移動
cd your-project-name
# ビルド & 実行
cargo run
ブラウザで以下を開くと動作確認できます：
🧰 技術スタック
| 技術 | 用途 |
|---|---|
| Dioxus | UI構築 |
| Axum | SSRのWebサーバ構築 |
| Tower HTTP | 静的ファイルの提供 (ServeDir) |
| TailwindCSS | スタイリング |
| Tokio | 非同期ランタイム |
🧩 拡張案
dioxus_routerを用いたルーティングの導入dioxus_fullstackでクライアント⇔サーバ同期処理Docker + nginxによるリバースプロキシ構成gRPC/WebSocketによるリアルタイム通信対応
👤 作者
- GitHub: @kazuma0606
- Twitter: [@your_handle]（任意）
📄 ライセンス
MIT
