Next.js

PC

Next.js:jest でテストする

react-markdown と remark-gfm を使ったコンポーネントのテストコードを jest で実行する設定のメモです。要点を挙げるなら、JSDOM で未実装のメソッドはモックを用意しておくtransformIgnorePatt...
PC

Next.js:react-markdown と tailwind css を共存させる

マークダウンの表示に react-markdown と remark-gfm を使った際、tailwind css が影響してスタイルされなかったときの対処です。・使用したマークダウン (remark-gfm のリポジトリから)# GFM#...
PC

Ant Design:TextArea にフォーカスを移すには

Next.js で Ant Design を使った際に、TextArea にフォーカスを移すためのメモです。環境Next.js v14.2.3Ant Design v5.18.0作例以下のように、カーソルの位置を指定できます。先頭末尾テキス...
PC

Next.js:テキストファイルを import して使う

以下の様に、テキストファイルの内容の取り出しを import で済ませたい場合です。極端に大きなファイルで無ければ、起動時間に与える影響は少ないと思います。Hello, world.This is an example text file....
PC

Next.js:ローカルで実行してもサーバーの API を利用するには

以前 React で書いたものの Next.js の場合になります。Next.js は API Routes を通すこともできますが、バックエンドを単純に呼びたいだけなら rewrites が便利です。設定方法next.config.mjs...