概要
yaokai.me 是我的个人网站，也是一套小型内容系统。它负责展示简历、真实项目、文章和联系入口，后台可以管理文章、项目、动态和留言。
Loading content
担当範囲
情報設計、ビジュアル、フルスタック実装、CMS、デプロイスクリプト、運用
課題
就職、制作実績、記事、問い合わせを一つのサイトで扱い、言語切替も安定させる必要がありました。
解決策
Next.js + Prisma で前台と管理画面を作り、ナビを整理し、Machi と Shangence を中心に据えました。
結果
公開コード付きの個人サイト兼 CMS として、今後も記事や制作実績を更新できます。
担当範囲
- 首页重构
- 三语文案
- 作品与简历整合
- 后台 CMS
- 部署脚本
- SEO 与 sitemap
課題
- 语言切换状态
- 真实作品取舍
- 后台与前台边界
- 生产部署安全
解決策
- 基于路径和 cookie 的 locale
- 保留文章后台
- 隐藏不必要页面入口
- 部署时保留生产数据
アーキテクチャ
Next.js App Router 负责页面；Prisma 管理内容；proxy 根据语言前缀写入请求头；部署脚本打包上传到服务器并保留生产环境变量和数据库。
- Next.js 16
- React
- TypeScript
次に読む
すべての制作実績
注目ケースMachi / Web
Machi Web と共通 Python バックエンド
都市生活コミュニティ Machi の Web クライアントと共通バックエンド。投稿、賃貸、中古、求人、DM、通知、会員状態、メディアアップロードを支えます。
Next.jsReactTypeScriptPython
ケース全体を見る
注目ケースMachi / iOS
Machi iOS ネイティブ都市生活クライアント
SwiftUI + SwiftData のオフライン優先 iOS クライアント。ホーム、発見、投稿、通知、DM、マイページ、設定をカバーします。
SwiftUISwiftDataKeychainURLSession
ケース全体を見る