react-markdownのコードをシンタックスハイライトさせる

記事準備中

react-markdown
React

VercelでSSG(静的サイト生成)を使用している場合、画像名は変わらず中身だけが変更された場合に、その変更を反映させる

VercelでSSG(静的サイト生成)を使用している場合、画像名は変わらず中身だけが変更された場合に、その変更を反映させる方法について説明します。

Vercel

jest: command not found

jest: command not foundというエラーは、Jestをコマンドラインから実行しようとしたときに表示されるエラーメッセージです。このエラーが発生すると、Jestテストフレームワークのコマンドが正しく認識されていないことを意味します。この記事では、このエラーの原因とその解決策について詳しく解説します

Jest

Next.jsプロジェクトにnext-sitemapを導入する

Next.jsプロジェクトにnext-sitemapを導入し、特定のページを除外(exclude)し、追加のパス(additionalPaths)を設定する方法を説明します。これにより、サイトマップに含めるページや除外するページを柔軟に管理できます

Next.js
SEO

Next.jsプロジェクトで発生した「Unchecked runtime.lastError: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received」というエラー

このエラーは、Chrome拡張機能のバックグラウンドスクリプトやコンテンツスクリプトで、メッセージのリスナーが非同期処理を行う際に発生することが多いです。Next.jsアプリケーションでChrome拡張機能を使用している場合、このエラーが発生することがあります

Next.js

Next.jsのApp Router・Server Components・Nested Layoutsの詳細ガイド

Next.js 13.4の発表でApp Routerが正式にリリースされ、アプリケーションの構築をより効果的にするための新機能が多数追加されました。中でも「App Router」、「Server Components」、「Nested Layouts」は、現代的なウェブアプリケーションの開発を支える重要な機能です

Next.js

Next.js(TypeScript・TailwindCSS)でフッターを追加する

フッターコンポーネントを作成します。componentsディレクトリを作成し、その中にFooter.tsxファイルを追加します

Next.js
Tailwind CSS
TypeScript

Next.js(TypeScript)でカスタム404エラーページを作成する

Next.jsを使用すると、簡単にカスタム404エラーページを作成できます。このガイドでは、Next.jsプロジェクトにカスタム404エラーページを追加する方法をステップバイステップで説明します

Next.js

Next.js(TypeScript)でNotion APIを使ってみた

Next.jsとTypeScriptを使用して、Notionのデータベースからデータを取得し、表示するシンプルなアプリケーションを作成する方法を紹介します

Notion
Next.js
TypeScript

VS Codeで発生する「Unknown at rule @tailwind」エラー

Tailwind CSSを使用する際に「Unknown at rule @tailwind」というエラーがVisual Studio Code (VS Code)で表示されることがあります。このエラーは、VS CodeのCSS IntelliSenseがTailwind CSSの構文を認識しないために発生します

Tailwind CSS
VS Code
Notion