Next.js

• Next.js
• 2024.05.25

Next.jsでMilkdownを使ったマークダウンエディタの開発

この記事では、Next.jsとMilkdownを使用してカスタムマークダウンエディタを開発する方法を紹介する。Tailwind CSSを使用してスタイルを適用し、Material-UIのコンポーネントでユーザーインターフェースを構築する。ちなみに、Next.jsバージョンは14.0.3公式

• Next.js
• 2024.04.12

サーバーとクライアントでReduxを連携する方法【Next.js14】

環境"typescript": "^5""next": "14.0.3","react": "^17.0.0 || ^18.0.0","react-dom

• Next.js
• 2024.04.10

【Next.js14】「Redux」を使って状態管理を実現する手順

この記事では、Next.jsとTypeScriptを使用して、ページを跨いだ状態管理ができるReduxの実装方法を説明する。参考にした公式ドキュメント: https://redux.js.org/usage/nextjs環境"typescript": &

• Next.js
• 2024.02.16

Next.jsでライブラリを使用せずにXMLサイトマップを生成する方法

この記事では、Next.jsを使用してライブラリを使わずにXMLサイトマップを生成する方法と、サイトマップの各要素がSEOにどのような役割を果たすのかについてアウトプットする。開発環境"next": "14.1.0","react

• Next.js
• 2023.12.28

【Next.js14】Middlewareを使用して未認証ユーザーをログイン画面にリダイレクトさせる方法

Next.jsのMiddlewareは、リクエストが完了する前にコードを実行する機能である。今回は、リクエストが完了する前にユーザーの認証状態をチェックし、未認証の場合はログイン画面にリダイレクトさせる処理を実装した。私はAWS Amplifyを使用してアプリケーションを開発しているが、a