case.web藝文 / 表演藝術公開

街藝通 BuskerMap — 台灣街頭藝人地圖平台

台灣街頭藝人地圖平台。雙邊架構(民眾找演出 / 藝人管理排程),next.js + google maps 全棧獨立開發。

街藝通 BuskerMap — 台灣街頭藝人地圖平台 封面截圖

results / outcomes

成果

  • 2026-05 已上線

    上線狀態

    公開瀏覽不需註冊,藝人端需註冊

  • 全棧獨立

    開發範圍

    前端 / 藝人後台 / 地圖 / 會員 / 中文 SEO 一條龍

  • 民眾端 + 藝人端

    雙邊覆蓋

    民眾探索演出、藝人管理 profile 與排程

01

background / 背景

客戶原本遇到什麼

想知道哪裡有街頭藝人在表演,找不到一個好用的工具。藝人證照分散在各縣市文化局網站、實際演出地點是藝人自己決定、Facebook 社團只有零散貼文。民眾不知道身邊正在發生什麼演出、藝人也沒有統一可被找到的地方。沒人做就自己做。
02

challenge / 挑戰

為什麼難解

兩個難點。第一是地圖效能:要同時 render 多個演出 pin、支援即時定位與篩選,且要在中低階手機上順跑。第二是演出地點資料:沒有單一公開來源,藝人各縣市散落、實際演出時段又會隨檔期與天氣變動,要設計一條可運營的資料管線,不只是把地圖畫出來。
03

solution / 解法

我做了什麼

從零自架,前端 next.js(app router)+ vercel,地圖整合 google maps、marker 走分桶與虛擬化降低 render 成本、開 geolocation 權限做附近演出推薦。藝人端建獨立後台(/houtai),讓藝人自助登錄、上傳照片、排程演出。民眾端做探索地圖、藝人 profile、追蹤喜愛藝人、熱門榜。中文 SEO(meta / og / sitemap / 動態 og image 路由)、會員系統、雙邊權限分流一條龍。

tech / stack used

用到的技術

  • next.js (app router)
  • react
  • google maps
  • ssr
  • dynamic og image
  • image cdn
  • auth / 會員系統 + google 登入
  • 中文 SEO

similar situation?

想做類似 網站 的案子?

ready when you are

先把你的案子聊清楚,
再決定要怎麼做。

不論你是要從零做新網站、想把 AI 接到既有系統、 或是只想知道「這樣做可不可行」 — 開個對話就行。

免費評估諮詢 →