プログラミングの備忘録と情報発信

Next.jsの記事一覧

StyleXの使い方を完全解説

Meta社製のスタイリングライブラリであるStyleXの使い方について解説します。StyleXはCss-in-JSライブラリの一つですが、何よりRSCで使えるのが魅力の一つです。この記事では公式ドキュメントやサンプルコードをもとに、基礎から応用的な使い方や型定義をまとめて完全解説します。

Next.js＋ヘッドレスCMSで、クラス名をつけるだけでLaTeXで数式の出力ができる方法を紹介します。この記事ではヘッドレスCMS化したWordPressを用い、文章のパースに「html-react-parser」を利用していますが、似たような技術スタックであれば同じことができると思います。

NetlifyでNext.jsのフォームを使う方法を解説します。画面遷移せずコンポーネントのみを切り替える方法、画面遷移する方法のいずれも説明します。一般的なケースに加え、Styled-componentsとReact Hook Formを利用したケースについてもコード例を掲載します。

このブログをWordPressのブログからNext.js製のブログに作り変え、ついでにデザインの回収も行いました。この記事では本ブログの技術スタックや、WordPressから移行する際の注意点・所感等まとめます。