Nuxt.js + Firebase Hosting + CloudFunctionsでmspeakerdeckをSSR対応させる - razokulover publog

自分はSpeaker Deckのモバイルクライアントであるmspeakerdeckというwebアプリを作っています。 mspeakerdeckを知らない人のために書いておくと、 これはSpeaker DeckのスライドページのURLドメインにmを付与するだけでモバイル版の見やすいレイアウトになるというものです。 PCからのアクセス時はSpeaker Deckのオリジナルサイトが表示され、スマホからのアクセス時はmspeakerdeckのサイトが表示されるという仕組みになります。 当初はNuxt + Cloud Functions + Nuxt.jsのPWAとしてSSR無しの完全SPAで作成していたのですがしばらく使ってみるといくつか不便な点が見つかりました。 その一つがTwitterでシェアした時やはてぶしたときにうまくスライドの内容を取得してくれないというものです。 自分ははてぶとTwi

[razokulover]

書きました

[laiso]

Nuxtこの前コミッターの人が babel-polyfill 入れればv6.xで動くようにしたぞ! と言ってましたよ

[aikawame]

クローラー対策としてのSSRは不要になった時代でも、プラットフォームによって対応していないという地獄がまだあったという話…。