開発

プログラミング

Next.jsでmdxを使ってみた。@next/mdxのインストールから表示までの手順。

はじめにマークダウンのライブラリの選択肢は、今回紹介するNext/MDXの他にもあります。Reactで、react-markdownを使用したことがありますが、個人的には好みではなく、完全なマークダウンではなく、何かしら変数を組み合わせられ...
プログラミング

Next.jsでMUIのTypographyを設置すると「Element type is invalid」とエラーが出るときの対処法

エラーNext.jsにおいて、MUI要素であるTypographyを特定条件下で配置した際、以下のようなエラーが発生します。Error: Element type is invalid. Received a promise that re...
プログラミング

Next.js AppRouterにて動的ページをビルドする(SSG)

はじめにNext.js13.4の新機能でApp Routerが追加されました。ファイルシステムベースのRouterのことで、Server Componentなど新機能に対応しています。AppRouterでは、すべてのコンポーネントがServ...
レンタルサーバ

XserverにSSHで接続する手順(証明書生成からターミナルで接続まで)

はじめにSSH認証方法SSHでの接続方法には、主に2種類あります。パスワード認証と公開鍵認証です。レンタルサーバでは、どちらの認証方法も許可されていたり、将又、公開鍵認証しか許可されていないと制限されるケースがあります。Xserverでは、...