Next.js

ウェブ制作

Next.js App Routerとカスタムメタデータの追加方法

Next.jsのApp Routerを使ってサイト運営を始めたら、SEO効果を高めるためにさまざまなメタタグの追加にチャレンジすることになるでしょう。特に、TypeScriptを駆使してMetadataの型定義を活用する場面では、gener...
ウェブ制作

Next.jsでPrettierを使ってコード整形を行う方法

前提条件 Prettier の設定は既にしておく ↓Next.jsの場合はこの記事を参考 必要モジュールのインストール yarn add -D stylelint stylelint-config-prettier stylelint-co...
ウェブ制作

Next.jsでprettierの設定

Next.jsでprettierを設定する最低限の設定をまとめます。 モジュールのインストール yarn add -D eslint-config-prettier prettier @typescript-eslint/parser .e...