Nextjs

Nextjs

Next.jsとTailwind CSSでメニューで今の場所の表示を変える(現在地をハイライト)

Next.jsで現在地をハイライトする方法。 ナビゲーションメニューなどでよくある色が変わるもの。 仕組みとしては簡単で、アクセスしたURLを取得し、リンク内のhrefと比較して、同一のものと違うもので適用するスタイルを変えるだ...
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を使うためのメモ。 第一回はインストール。 詳細は以下の公式で。 インストール手順 自動の場合、ターミナルで以下のコマンド入力。 ...
タイトルとURLをコピーしました