研究了一星期
我原本想用最熟悉的框架 搭配適合的套件 https://github.com/Kyon147/laravel-shopify
快速上線 快速驗證
由於前端必定是 polaris + app bridge (我猜不用會很難審核通過)
我想用 inertia + vite + react 來搞定
但我發現
用 inertia 的 partial render 需要用 <Link> 元件 但這會遺失 shopify app 在 iframe 呈現的一些網址參數 例如 host -> 要找到 workaround 應該也可以 但就麻煩
那我不用 <Link> 元件 直接用 <a> -> 換頁的時候 iframe 重新載入,畫面會靜止一下 ux 很不好 -> 別人的 app 都是瞬間換頁,pending state 等待 ajax data 回來而已
app bridge 鼓勵的一些 navigation 方式 https://shopify.dev/docs/api/app-bridge-library/apis/navigation -> 感覺都是在 spa 環境才好用,在 mpa 環境會缺東缺西 -> 瘋狂報錯 我修理不出來 而且感覺都在搞 workaround
laravel-shopify 套件的 billing 以及許多功能 都是 mpa 的 -> 主因是 shopify 演化太快 審核規則一直在改變 社群開始有點跟不上
到處找 workaround 這樣沒意思耶
我感覺乖乖照官方建議用 remix full stack 開發會比較好
繼續研究研究~