オリジナル楽曲とIT系個人開発紹介のブログ

Next.js

【Next.js】Zenn でブログサイトの開発手順を公開しました

【Next.js】Zenn でブログサイトの開発手順を公開しました

Zenn でブログサイトの開発手順を公開しました。これを読むことで本ブログのような Next.js ベースのサイトを構築できます。

【Next.js】サイトマップを自動生成して検索エンジンに登録させる方法

【Next.js】サイトマップを自動生成して検索エンジンに登録させる方法

Next.jsでサイトマップを自動生成して検索エンジンに登録させる方法を解説します。

【Next.js】30分でできる! Next.js 開発の始め方（インストール、開発環境構築）【入門】

Next.js の必要ソフトのインストール方法と開発環境構築について解説します。GitHubとも連携し、ソースコードを管理できる状態にします。

【Next.js】「トップへ戻るボタン」を実装する

Next.jsで定番ブログパーツである「トップへ戻るボタン」を実装します。Styled-JSX で CSS をコンポーネント内に入れ込むため、このコードをそのままどのサイトにも流用できます。

【Next.js】next-mdx-remoteでインラインコードとコードブロックコピーボタンを実装する

【Next.js】next-mdx-remoteでインラインコードとコードブロックコピーボタンを実装する

Next.jsのnext-mdx-remoteで作られたMDXブログについて、インラインコードとコードブロックコピーボタンを実装します。

【Next.js】Markdown ブログでコードブロックにシンタックスハイライトをかける

【Next.js】Markdown ブログでコードブロックにシンタックスハイライトをかける

Next.jsのMarkdown（またはMDX）ブログでコードブロックにシンタックスハイライトをかけます。基本構文だけでなくファイル名を表示する方法も記載します。

2022-12-13 2022-12-08

ブログのデザインを新しくしました

ブログのデザインを作りこみました。おしゃれで見やすくなっただけでなく、カテゴリ検索やアーカイブ検索もできるようにしました。

2022-12-06 2022-12-05

ブログを始めました

Next.jsでブログを作りました。この方法はコーディングが必要なため手間はかかりますが、安価でハイパフォーマンスなフルカスタマイズのサイトを作れるメリットがあります。