志同道河河靈小青吉祥物標誌
志同道河青年共創
志同道河河靈小青標誌
始於一條河的童心,流向全台灣的關懷

志同道合,如川流匯成大河。

志同道河 - 始於一條河的童心,流向全台灣的關懷
河靈小青

志同道河 • 青年生態與數位匯流平台

結合自然關懷、繪本敘事與全端技術,串聯 9 所大專與中學校園夥伴。

從童心出發的三大匯流篇章

每一滴水珠微小,匯入同一條河流便有滔滔不絕的力量。

01. 童心溯源 • 河川生態教育

以「河靈小青」的童趣視角出發,重新走訪地方河道、記錄水文生命,喚醒每個人心底對大自然最初的依戀與好奇。

02. 溪流交會 • 跨校青年共創

北科的工程、北醫的公衛、政大的社科與台藝大的美學。打破科系界限,青年學子跨界結盟,將專業化為守護行動。

03. 奔流入海 • 全台灣永續關懷

導入現代全端科技(Supabase + Next.js + Google OAuth),讓每一項關懷行動透明串聯,推動永續發展目標 (SDGs)。

青年跨界力量

跨校參與學校與團隊陣容

來自 8 所高等院校與中學的熱血青年,共織一條充滿關懷的長河。

🏫 團隊參與學校

國立臺北科技大學
臺北醫學大學
臺北市立大學
實踐大學
臺北市立大同高中
淡江高級中學
國立政治大學
國立臺灣藝術大學

👥 團隊核心成員

陳欣宜
河川發起人 / 跨域召集
楊子葵
視覺藝術 / 繪本美術
李承翰
全端架構 / 數位生態
康景為
社群營運 / 青年串聯
洪振育
環境教育 / 生態調查
米禾
地方創生 / 田野紀錄
謝雨蓁
介面設計 / 體驗創新
陳鴻杰
影音敘事 / 品牌行銷
李詠妍
教育推廣 / 關懷策劃
數位技術後盾

志同道河技術架構:我可以用什麼後端?

從青年公益倡議到百萬流量社群,評比 4 大主流後端方案,助您精準選型。

Supabase (生態首推)

最推薦 ⭐️⭐️⭐️⭐️⭐️

開源 Firebase 替代方案,原生 PostgreSQL + 即時推播 + Google OAuth

難易度:入門
綜合評分:9.8 / 10
官方文檔

核心特色與機制

  • 原生 PostgreSQL,完美支援河川生態調查與地理空間 (GIS) 關聯資料
  • Row Level Security (RLS) 在資料庫層級保證青年社群資料隱私
  • 內建 Realtime WebSocket,即時推播全台河川關懷水滴動態
  • 完整的 Google OAuth 支援,一鍵交換使用者身分與頭像
主要優勢
  • 無廠商鎖定 (可隨時自託管 Docker)
  • 與 Next.js 完美結合
  • 社群生態龐大繁榮
考量重點
  • 需要基礎 SQL 知識
  • 未啟用的專案超過一週會暫停休眠 (需喚醒)
適合情境:
Next.js 專案、環境數據紀錄、河道動態留言、Google 一鍵登入
免費方案政策:
免費方案超大方 (500MB 資料庫、5 萬 MAU 認證)
Next.js 串接範例
// 呼叫 Google OAuth 登入
import { createClient } from '@/utils/supabase/client';

export async function loginWithGoogle() {
  const supabase = createClient();
  await supabase.auth.signInWithOAuth({
    provider: 'google',
    options: {
      redirectTo: `${window.location.origin}/auth/callback`,
    },
  });
}
願景故事團隊後端