- この記事を書き始めたのは 2022年8月11日、山の日という祝日です
- だいぶ情報が古くなりましたので こちらのページ に 2024年2月時点の手順を記載しました
- 弊社ではこの仕組みを使って [sirokuro.site] という、いろいろなことにシロクロをつけるサービスを開発中です
- まだまったく認知されておらず、小さくて貧しいサービスですが、その開発の道中で知り得た知見というか手順といったものをまとめています
技術スタック
開発環境
- Intel chip の macOS PC に、Webフロントエンドの開発に必要なツールをインストールする手順
- Docker + Nextjs + TypeScript + mui + supabase-js + react-query + swiper の導入手順
- React v18 から v17 へのダウングレードについて
- Safari で開発者ツールを使いたい
本番環境
- Docker
- Supabase
- PostgreSQL チート (随時加筆中)
-
NEXT.jp
- Hydration時にReact.hydrate()による警告が発生するケースとその解決方法
-
Next.jsでOGP・metaタグを設定する方法
これだけではダメでして、次の SSR を実行しないと OGP を読んでもらえませんでした - SSR を実行する
- image のオプション全部触ってみる
- 画面サイズを取得する方法
- WEBフォントを追加する
開発メモ
- react-query (随時加筆中)
- JavaScript チート (随時加筆中)
- React, JSX チート (随時加筆中)
- css (随時加筆中)
- mui (随時加筆中)
- Swiper
あまり書けることがないのですが、なかなか正解に辿りつけなかった問題をまとめておきたいと思っています。 - よく使う Linux コマンド (随時加筆中)
- Git
- Next.js のサイトに Google Tag Manager 経由でGoogle Analytics(GA4)を導入する
- 【フォーム送信を実装】Getform.ioの使い方を解説