tsのimport順を自動で整えてくれる prettier plugin sort importsを類似プラグインのprettier plugin organize importsと比較しながら紹介します

tsのimport周りを自動で整えてくれるPrettierのプラグイン、prettier plugin organize importsのご紹介です

Tailwind CSSのクラス名を推奨される並び順に自動で並び替えてくれるPrettierのプラグイン prettier-plugin-tailwindcss をご紹介！

昨今のフロント開発に携わっている人はぜひ導入してほしい！niというコマンドのご紹介です。プロジェクトによって採用しているパッケージマネージャーは様々で、それを意識せずに使えるようになるのがniというコマンドです！

Next.jsのプロジェクトを始める時にテンプレート的に行っていることを自分の備考欄も兼ねてまとめてみました

Rustで構築され高速を謳うnodeのバージョン管理のライブラリvolta。既存プロジェクトはnodenvを利用しているプロジェクトが多かったため、volta・nodenvを共存しながら使えるようにしていきます

Next.js ver13系でmiddlewareを用いてBasic認証を実装する方法をご紹介します。Vercelで環境毎にBasic認証の設定を変更する方法も合わせて記載します

パスワードの強度を簡単に評価出来るzxcvbn。そちらのts版となるzxcvbn-tsをReactに入れて試してみました

コマンドを実行する時「あ、、間違ったコマンド打っちゃった・・😇」となる時はありませんか？するとコマンドの履歴にはドンドン溜まらなくていいコマンドが溜まってしまいます。。そこで打ち間違えたコマンドもインクリメントサーチを使って消してしまおう！ということを試してみます

フロント/バックエンド側もNext.jsを用いつつtRPCを導入する方法をご紹介します！またNext.js 13.4 より安定版が使えるようになったApp Routerを用いて実装していきます。