nextjs_timer

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

※2022/04/17追記

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

nextjs_timer_new

使用している技術

• Next.js
• React Redux

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

使用方法

事前インストールが必要なもの

• Node.js
• yarn

Node.jsがインストールされているかの確認

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

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

v14.14.0

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

yarnがインストールされているかの確認

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

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

1.22.5

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

クローン後のコマンド

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

yarn install

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

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

yarn run dev

動作ページ

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

https://sakelog.github.io/nextjs_timer/

作成者

• 作成者:sake
• E-mail:sakelog.website@gmail.com
• Twitter:@sake_engineer
• Webサイト:https://sake-log.website/