Nextjs Next.jsとTailwind CSSでメニューで今の場所の表示を変える（現在地をハイライト）
Next.jsで現在地をハイライトする方法。
ナビゲーションメニューなどでよくある色が変わるもの。
仕組みとしては簡単で、アクセスしたURLを取得し、リンク内のhrefと比較して、同一のものと違うもので適用するスタイルを変えるだ...
Nextjs
Nextjs Nextjs Next.jsのルーティングのファイル名規則【Next.jsのAPPルーターを使おう 第四回】
Next.jsのAppルーターでルーティングする際のファイル名規則について。
以下の記事の続き。基本的なことは以下で。
Next.jsのAppルーターではルーティング対象になるファイル名があらかじめ予約されていて、それら...
Nextjs Next.jsでローカルで動くAPIをルートハンドラーで作る【Next.jsのAPPルーターを使おう】
Next.jsのpagesルーターでは、APIルートが準備されている。pagesフォルダの配下にapiというフォルダを作り、その中にAPIを作ることができた。
Appルーターでは少し作り方が変わっている。
以下はAppル...
Nextjs Next.jsのルーティングの基礎の基礎の基礎【Next.jsのAPPルーターを使おう 第三回】
Next.js13.4から正式実装になったApp Routerを使うためのメモ。
第三回はルーティングの基礎、の基礎の基礎。
詳細は以下の公式で。
基本的には公式ページを読んでもらえればわかること。
App ...
Nextjs Next.js+Tailwind CSS+Sass+Eslint+Stylelint+PrettierでVSCodeの環境構築【APPルーターを使おう 第二回】
Next.js13.4から正式実装になったApp Routerを使うためのメモ。
第二回は開発環境の構築。
エディターはVSCode。
各種linterを追加し、VSCodeの設定をする。
Tailwind CS...
Nextjs Next.js13.4以降のインストール【Next.jsのAPPルーターを使おう 第一回】
Next.js13.4から正式実装になったApp Routerを使うためのメモ。
第一回はインストール。
詳細は以下の公式で。
インストール手順
自動の場合、ターミナルで以下のコマンド入力。
...