週刊誌の動画特典ページをNext.js + Vercelで構築した話
はじめに KODANSHAtechという会社でFRIDAYの開発案件に携わっています。 FRIDAYは講談社から発行されている写真週刊誌です。スクープ記事が注目されがちですがグラビアも多くやっており、撮影時の動画をウェブで提供しています。本記事では、FRIDAYにおける動画特典ページをNext.js ＋ Vercelでリプレースした事例を紹介します。 上記の画像はユーザーが動画を見るまでのフローを示したものです。ユーザーはFRIDAY紙面に掲載されたQRコードを読み込み、遷移先のページでパスワードを入力します。入力すると、動画を視聴できるようになります。 移行の経緯・技術選定 FRIDAYには古くから存在する月額課金のサービスが存在し、そのサービスに相乗りする形で紙面の動画特典ページを運用していました。しかし、サブスクリプションのサービスにリプレースしたタイミングで、動画特典ページを別アプ
Next.jsとStorybookをVercelにデプロイする
以前書いた「Next.js+TypeScript 環境で Storybook を使う」では Next.js と Storybook の環境を立ち上げるところまでやりましたが、Vercel へのデプロイを行う前にブログ記事の締め切りが来てしまいました。 今回は積み残した Vercel へのデプロイをやります。 今回も前回と同じプロジェクトを使い、作業内容は下記にPRしました。 https://github.com/Gaji-Labo/demo-storybook-with-next-typescript/pull/4今回主に参照した公式ドキュメントのページは下記です。 https://nextjs.org/docs/api-reference/next.config.js/custom-webpack-confighttps://vercel.com/docs/configuration#p
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
