概要 株式会社トライビート｜ TRIBEAT CO., LTD. では、数年前からJamstackなWebサイトやECサイトの構築を推進（提案）しており、年々こういったご相談を受けることが増えています。 選定技術はそのときの顧客要件によって変わりますが、Amplify、Next.js、m…

概要 microCMSからのWebhookを利用して独自でデータ管理するために作成 コンテンツの状態とユーザー操作によって、typeとstatusがどう変わるかをまとめる 参考サイトではstatusが配列で定義されているため、実際にどういう値が来るか確認 参考サイト documen…

概要 Nuxt.jsでSSGしたものをAmplify上でhostingするJamstack構成 GitHubにPushされるとAmplify上でSSGされる流れ Amplifyプロジェクトを新規に構築していく中で、3件連続ビルドエラーを経験したのでまとめる 前提 node.js：v14.17.0 amplify-cli：4.51.1 nu…

概要 Nuxt.jsベースでJamstackなECサイトのサンプル実装しているときに、PAY.JPの初期化でエラーが出ることがあったのでメモ PAY.JPを実装するにあたり、payjp（2.0.5）のnode moduleを利用 画面側ではpayjpのCardElementを生成し、トークンを作成して決済用…

概要 Jamstack Advent Calendar 2020 - Qiita の22日目の記事です。 株式会社トライビート｜ TRIBEAT CO., LTD. という会社でBtoCや業務システムのWebアプリケーション構築や運用・保守をしています。 これまでJamstackという言葉が出てくる前から、社内独自…

概要 Nuxt.jsのプロジェクトでNetlify Formsを利用して、簡単なForm画面とrecaptcha機能を試したときに、ハマった点をメモ docs.netlify.com 前提 nuxt.js (v2.11.0) 「npx create-nuxt-app」で生成したプロジェクトをNetlify上にデプロイ NetlifyでGitHubの…