kimizuy

Next.js の環境変数（.env）の使い方

tldr: prisma の拡張機能をインストール&.prisma ファイルでフォーマットを有効にする

VSCode で schema.prisma をフォーマットする Tips

"lint-staged" → "yarn lint-staged"にする必要がある

husky のバージョンを4から5に上げる

CLI で手軽にデプロイや各種設定ができると、開発の工程が削減できたり開発の幅が広げられたりします

Vercel CLI の基本的な使い方

本記事では、Next.js × MDX での tocbot の使い方をコード例を示しながら紹介します。いい感じの Table of Contents を作りましょう！

Next.js × MDX ブログに tocbot でいい感じの Table of Contents を作る

Next.js が用意してくれている examples のひとつである with-firebase-authentication を利用すれば、メールアドレスでの認証アプリがとても簡単に作れたのでその方法をまとめる。この記事をざっと読めば必要な環境変数の取得といった環境構築で迷わないようになると思う

Next.js × Firebase Authentication × Vercel で認証アプリをお手軽に作ってデプロイする

またも GitHub Actions。今回はプルリクエスト作成時に自動で画像の最適化・圧縮する方法をまとめる。かなりお手軽

Github Actions で画像最適化を自動化する

最近いろいろなサイトの Lighthouse スコアを見るのが趣味になっている。このサイトもスコアを参考に修正しているがデプロイする前に確認したい。 ググってみると Github Actions × Lighthouse CI で可能なことがわかった。Next.js プロジェクトでの紹介事例がないようだったのでまとめておく。

Github Actions × Lighthouse CI を Next.js プロジェクトに導入する

Next.js と MDX と TypeScript でブログを作った！