CoCoLink スクリーンショット
公開済み 注力

CoCoLink

SNS / コミュニティ / Webアプリ

概要

コミュニティ・タイムライン・DM・ファセット検索・管理画面・AI補助を備えたSNS系Webアプリ。

詳細

Next.js App Router + TypeScript + Prisma で構築。掲示板型投稿(画像・ハッシュタグ対応)とタイムライン投稿の2軸を持ち、コミュニティ機能(公開/非公開・参加承認・コミュニティ管理人)・ダイレクトメッセージ・通報モデレーション・管理画面・Gemini AI補助を実装。メンバー検索は住まい・年代・タグ・参加コミュニティ・活動状況など複数条件のファセット絞り込みに対応。認証は better-auth(ユーザー名/パスワード + Google OAuth)、DBは SQLite(開発)/MySQL(本番)の切り替え運用。VPS へデプロイ済み。

目的

個人・コミュニティ向けの交流プラットフォームとして設計・実装。SNS機能の全域を網羅した汎用基盤として、ポートフォリオ評価用の実動デモも兼ねる。

想定利用者

個人・コミュニティ・小規模サービス運営者

見せたいポイント

  • 掲示板型投稿(画像複数枚・ハッシュタグ・絵文字リアクション・ネストコメント・引用投稿)
  • タイムライン機能(短文投稿・公開範囲・引用・ピン留め・ブックマーク)
  • コミュニティ機能(ユーザー作成・公開/非公開・参加承認・コミュニティ管理人・コミュニティ投稿)
  • メンバー検索のファセット絞り込み(住まい・性別・年代・タグ・参加コミュニティ・最終ログイン/投稿)
  • 3カラムレイアウト(左ナビ・中央フィード・右レールで注目コミュニティ/人気投稿/お知らせ)
  • ダイレクトメッセージ(1対1チャット・既読管理)
  • 通報・モデレーション・ブロック・ミュート・公開範囲制御
  • 管理画面(通報対応・ユーザー管理・コミュニティ管理・サイト設定・AI設定)
  • Gemini AI補助(誤字チェック・投稿/プロフィール補助・おすすめ表示・重複コミュニティ検出)
  • better-auth による認証(ユーザー名/パスワード + Google OAuth)
  • オンボーディング・プロフィール編集・フォロー管理
  • お問い合わせ・FAQ・使い方ガイド・お知らせ・通知機能

補足

ポートフォリオ評価用の実動デモ。本番 URL: https://cocolink.f5.si/ 。商用運用は前提としないが、登録して各機能を試せる。