nextjs_timer

Next.jsを使ったカウントダウンタイマーです。

※2022/04/17追記

↓React hooksを使用したシンプルな形で作り直しました。↓

nextjs_timer_new

使用している技術

フレームワークとしてNext.jsを使用し、React Reduxでステータスの管理をしています。

Node.jsがインストールされているかは下記コマンドで確認できます。

# Node.jsのバージョン確認
node -v

v14.14.0

バージョンが返ってきたらインストール済みです。

yarnがインストールされているかは下記コマンドで確認できます。

# yarnのバージョン確認
yarn -v

1.22.5

バージョンが返ってきたらインストール済みです。

リポジトリをクローン後、下記コマンドを実行してください。

yarn install

下記コマンドで開発用のサーバーが立ち上がります。

正常に動作することを確認してください。

yarn run dev

実際に動いているものはGithub Pagesで公開中です。