Category: SaaS / FaaS

shopify-app-nodeで作ったNext.jsアプリから`getInitialProps`を取り除く

Shopify App CLIおよびshopify-app-nodeを使うことで、Next.jsでのShopifyアプリ開発をスムーズにはじめることができます。ただし、Next.jsが推奨する書き方よりも少し古い場合があ […]

既存のNode.jsプロジェクトをShopifyアプリに接続する

shopify node createを使わずに、それでもShopify App CLIで操作できるようにする方法を調べていたので覚書。 目次 背景やりたいことセットアップ.shopify-cli.ymlを自前で配置する […]

Stripe SDK(nodejs)でThrowされるErrorを自力でthrowする

なにいってるかわかんないかもですが、伝わる人には伝わるかなと。 やりたいこと Stripe SDK経由でなにかしらのデータを取得したい が、「特定の条件に合致しないもの」は、「取得しなかった扱い」にしたい 後続処理では「 […]

Stripeコードスニペット: customer idからデフォルトの支払い方法のデータを取得する

そのStripe Customerのデフォルト支払い方法のデータを引っ張ってくるコードです。 簡単な説明 customers.retrieveをTypeScriptで使うときは、DeletedCustomer型に注意する […]

ShopifyのUIフレームワークPolarisをReactで扱う

Shopifyのアプリ開発などで使うUI FrameworkであるPolarisですが、意外と単体で動かす方法を紹介しているものが少ない気がしたのでまとめました。 ただのUIフレームワークとして動かす方法ですので、Sho […]

Shopify CLIでNext.js(TypeScript)ベースのShopifyアプリをセットアップする

Shopifyでアプリを作る場合、CLIからだとRuby on RailsまたはNode.jsから選択できます。Node.jsでNext.jsやTypeScriptを使ったローカルでの開発を準備するまでの手順を覚え書きと […]

GastbyでビルドしたサイトをNetlify + Algolia Crawlerでインデックする

Algolia Crawler + Netlifyを試したかったので、Gatsbyサイトを1つ生贄にしてみました。 目次 多分こっちの方がGatsbyなら向いてると思う記事前提プラグインの追加AlgoliaとNetlif […]

Algolia Instantsearchで、検索結果クリック時にキーワードをリセットする

Algolia Instantsearchをヘッダーなどレイアウト部分に配置している場合、「リンクをクリックしてページ遷移した後は、検索結果を表示しない」動作を実装したくなります。 connectSearchBoxとHi […]

NetlifyでNext.jsをホストする時は、`Bundle JS`に注意

半日潰れたので覚書。 目次 Bundle JSとは?Next.jsアプリで使った場合何が起きたかFrameworkが生成するファイルは無闇に結合しない Bundle JSとは? Netlifyが提供するAsset最適化オ […]

react-instantsearch-dom + search-insightsでAlgoliaの検索結果をトラッキングする

Algoliaには「検索結果をクリックされた・カートに追加された」などをトラッキングするAnalytics機能が用意されています。これをReact Instantsearchで導入したアプリに追加したので、その時の方法を […]