１. ローカル環境の構築
- WSLで以下のコマンドを実行してローカルにリポジトリをクローンしてください。
git clone [email protected]:Sea10wood/tumaguro_frontend.git
- フォルダに移動
cd tumaguro_frontend.git
3.ライブラリのインストール(今回はnpmを使用します。)
npm i
4.ここまでインストールしたら、以下のコマンドを実行する。
npm run dev- http://localhost:3000 にアクセス
-
npm run dev開発インスタンスをホット リロード（プログラムの変更を即座に画面に反映させる機能）、ファイル監視、タスク再実行で実行します。
-
npm run buildプロジェクトをコンパイルします。（作成したフローが処理可能な手順で記述されているかどうかを確認すること）
-
npm startアプリを実稼働モードで起動します。
-
developブランチから生やしてください （git checkout developでdevelopに移動してgit checkout -b [ブランチ名]。（-bで移動とセットでブランチの作成も出来る）。現在のブランチはgit branchで確認できる。）
-
ブランチの命名規則
ブランチは作業内容がわかりやすいように命名してください。 例えば、
feature/-headerまた不具合修正の場合featureの部分がfixとなります
- コミットメッセージ
例えば issue 番号が
#14で issue の内容がheaderの作成だった場合以下のようにしてください
add:ヘッダーの追加
機能追加の場合はadd,機能変更の場合はchange,不具合修正の場合はfix,機能削除の場合はdeleteとなる。
またメッセージの部分はわかりやすく簡潔にしてください。
-
commit/pushを完了させる
-
git commit -m <コミットメッセージ> -
git push origin [ブランチ名] -
developブランチにプルリクエストを出す
-
（GitHub上で右上の緑色のCompare & pull requestボタンをクリック＋どういった変更を加えたのかを説明する内容を記載）
-
mergeする
-
大きな更新が一段落したタイミングでdevelopブランチをmasterブランチにmergeする
-
masterブランチに直接mergeしないこと!!
-
git fetch origin master -
リモートリポジトリの状態を、ローカルの追跡ブランチに反映させる
-
git checkout -b develop -
今いるブランチからdevelopブランチに移動する
-
git pull origin develop -
ローカルリポジトリの状態を追跡ブランチであるorigin/masterにコピーしてきて,developブランチの追跡ブランチ(origin/develop)をローカルのdevelopブランチにマージしてくる
-
git pull origin develop -
Featureブランチ(追加したブランチ)にMainブランチの変更がまず入り、そこにFeatureブランチの変更が加えられます。コミット(追加・変更したファイルをGitに登録すること)はそのまま使われ、また必ずマージコミット（複数の履歴の流れを合流させること）が追加されます。
-
git checkout ブランチ名 -
ブランチの切り替え
-
git merge origin/master -
masterブランチの追跡ブランチ(origin/master)をローカルのmasterブランチにマージする
-
git pull origin master -
(fetch+merge)
-
git reset --hard HEAD- 直前のcommitまで戻る（fetchでエラーがある時） -
git merge --abort -
it reset --hard HEAD- pullによって起きたコンフリクトを解消したい時 -
git push origin main
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.