yuyaamano23 / Image-Gallery-next.js

画像投稿ギャラリー

Home Page:image-gallery-next-js.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

画像ギャラリー開発用リポジトリ

このリポジトリでは、Next.js を用いて画像ギャラリーを開発しています。

参考記事

開発にあたって

git を使った共同開発

⓪ 自分の担当したい issue を選んで Assignees を自分に設定する。 スクリーンショット 2021-07-05 22 21 47

① リモートリポジトリとローカルリポジトリを同期する

$ git switch main
$ git pull

② 作業用のブランチをきる

$ git switch -c "<issueの番号を先頭につけるといいかも>"

-cは create から由来する。
③ ファイルに変更を加える

$ git add <ファイル名>

git add .とするとディレクトリ配下の全ての変更を add することができる。

$ git commit -m "コミットメッセージ"

④ 自分が加えた変更をリモートリポジトリへ push する。
【push する前に確認すること】
複数人で開発していくと自分が作業している間にリモートリポジトリの main ブランチがどんどん更新されていきます。
そのため push する直前にローカルの main ブランチを更新して自分の作業ブランチに取り込む必要があります。
$ git switch main$ git pull$ git switch <自分の作業ブランチ>$ git merge main
これで最新の main ブランチからブランチを切って作業した PR を作成することができます。

$ git push origin <自分の作業ブランチ>

git push origin HEADとすると自分が現在作業しているブランチを指定することができる。
⑤github 上で作業ブランチ →main ブランチへの PR を作成する。

⑥ レビューが通ったら merge する。

ローカルサーバの立ち上げ方法

$ yarn dev

http://localhost:3000

その他注意点

ドキュメント

サーバー構成図

スクリーンショット 2021-07-05 21 40 43

ER 図

スクリーンショット 2021-07-05 21 40 52

次のプロジェクトで導入してみたい技術

  • バックエンドをLaravelでレプレイス

About

画像投稿ギャラリー

image-gallery-next-js.vercel.app


Languages

Language:TypeScript 94.5%Language:SCSS 3.4%Language:JavaScript 2.0%