sakelog / nextjs_timer

Next.jsを使ったカウントダウンタイマー
MIT License
0 stars 0 forks source link

nextjs_timer

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

※2022/04/17追記

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

nextjs_timer_new


Github-issues Github-forks Github-stars Github-license create-github-pages

使用している技術

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

使用方法

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

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/

スクリーンショット

作成者