Docker上のNext.jsにdate-fnsをインストールしてみる

1 date-fnsをインストール
2 確認用のページ作成
3 確認

date-fnsをインストール

コンテナに入る。

docker compose exec app bash

docker compose exec app bash

date-fnsをインストール。

npm install date-fns

npm install date-fns

確認用のページ作成

任意のフォルダにpage.tsxを作成。
下記の内容で編集。

import { format } from 'date-fns'

export default function Home() {
  const now = new Date()

  const formattedDate = format(now, 'yyyy/MM/dd HH:mm:ss')

  return (
    <div>
      <p>現在日時: {formattedDate}</p>
    </div>
  )
}

import { format } from 'date-fns'

export default function Home() {
  const now = new Date()

  const formattedDate = format(now, 'yyyy/MM/dd HH:mm:ss')

  return (
    <div>
      <p>現在日時: {formattedDate}</p>
    </div>
  )
}