Next.js
๋ก ๊ตฌ์ถํด๋ณด๋ eCommerce-app์
๋๋ค. Coupang ์ ํ๋ฆฌ์ผ์ด์
ํด๋ก ์ฝ๋ฉ ๋ฐ CI/CD๋ฅผ ๊ตฌ์ถ
ํ์์ต๋๋ค.
ํ์๊ฐ์ & ๋ก๊ทธ์ธ | ๋ฉ์ธ | ์ํ ์์ธ & ์ฅ๋ฐ๊ตฌ๋ |
---|---|---|
eCommerce-app
โโ src
โ โโ app
โ โ โโ (auth)
โ โ โ โโ login
โ โ โ โโ register
โ โ โ โโ reset
โ โ โโ (checkout)
โ โ โ โโ checkout
โ โ โ โโ checkout-address
โ โ โ โโ checkout-success
โ โ โโ (home)
โ โ โโ (order)
โ โ โ โโ order-details
โ โ โ โ โโ [id]
โ โ โ โโ order-history
โ โ โโ admin
โ โ โ โโ add-product
โ โ โ โโ all-products
โ โ โ โโ dashboard
โ โ โ โโ edit-products
โ โ โ โ โโ [id]
โ โ โ โโ order-details
โ โ โ โ โโ [id]
โ โ โ โโ orders
โ โ โโ cart
โ โ โโ contact
โ โ โโ product-details
โ โ โ โโ [id]
โ โ โโ review-product
โ โ โโ [id]
โ โโ assets
โ โโ components
โ โ โโ autoSigninCheckbox
โ โ โโ button
โ โ โโ changeOrderStatus
โ โ โโ chart
โ โ โโ checkbox
โ โ โโ checkoutForm
โ โ โโ checkoutSummary
โ โ โโ divider
โ โ โโ heading
โ โ โโ icon
โ โ โโ infoBox
โ โ โโ input
โ โ โโ loader
โ โ โโ pagination
โ โ โโ product
โ โ โ โโ productFilter
โ โ โ โโ productItem
โ โ โ โโ productList
โ โ โ โโ productReviewItem
โ โ โโ slider
โ โ โโ toastProvider
โ โ โโ tooltip
โ โโ firebase
โ โโ hooks
โ โโ layouts
โ โ โโ footer
โ โ โโ header
โ โ โโ innerHeader
โ โ โโ navbar
โ โโ redux
โ โโ utils
โ GIthub Actions๋ฅผ ๊ธฐ๋ฐ์ผ๋ก CI/CD ํ์ดํ๋ผ์ธ ๊ตฌ์ถ
Github Actions
๋ฅผ ์ฌ์ฉํด main ๋ธ๋์น์ push ๋ฐ์์์ฝ๋์ ์ง์ ํตํฉ ๋ฐ ๋ฐฐํฌ
๊ฐ ์ด๋ค์ง๋๋ก ํจ.Docker
๋ฅผ ์ฌ์ฉํด์์ ํ๋ฆฌ์ผ์ด์ ์ปจํ ์ด๋ํ
.๋ฉํฐ ์คํ ์ด์ง ๋์ปค ๋น๋
(๋น๋ ์คํ ์ด์ง ๋ถ๋ฆฌ)๋ฅผ ํ์ฉํ์ฌ๋์ปค ์ด๋ฏธ์ง๋ฅผ ์ต์ ํ
์ํด.
AWS์ Elastic BeansTalk
๋ฅผ ์ฌ์ฉํดAWS์ EC2 ์ธ์คํด์ค
์ ์ปจํ ์ด๋๋ฅผ ๋ฐฐํฌ.
โ Redux Toolkit ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํด ์ ์ญ ์ํ ๊ด๋ฆฌ
- ์ ์ ์ ๋ณด ๋ฐ ์ฅ๋ฐ๊ตฌ๋ ๋ฐ์ดํฐ ๊ด๋ฆฌ.
- ์ํ ๊ฒ์ ๋ฐ ์กฐ๊ฑด๋ณ/๊ฐ๊ฒฉ๋ณ ์ํ ํํฐ๋ง ๊ธฐ๋ฅ ๊ตฌํ.
- ๋ฐฐ์ก์ง ์ฃผ์ ๊ด๋ จ ๋ฐ์ดํฐ ๊ด๋ฆฌ.
โ ํ์๊ฐ์ /๋ก๊ทธ์ธ ํ์ด์ง, ์ํ ์์ฑ ํ์ด์ง ๊ธฐ๋ฅ ๊ฐ๋ฐ
Firebase
๋ฅผ ์ฌ์ฉํด์ ์ ์ ๋ณด ๋ฐ ์ํ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅ
ํ๊ณ ๋ถ๋ฌ์ค๋๋ก ํจ.
โ ์ํ ๋ฆฌ์คํธ ํ์ด์ง ๊ธฐ๋ฅ ๊ฐ๋ฐ
- ์ํ ๊ฒ์ ๋ฐ ์กฐ๊ฑด๋ณ
์ํ ํํฐ๋ง ๊ธฐ๋ฅ
๊ตฌํ. Pagination
๊ธฐ๋ฅ ๊ตฌํ.
โ ์ํ ์์ธ ํ์ด์ง, ์ฅ๋ฐ๊ตฌ๋ ํ์ด์ง, ์ฃผ์ ์ ๋ ฅ ํ์ด์ง ๊ธฐ๋ฅ ๊ฐ๋ฐ
ํ๊ทธ | ์ค๋ช |
---|---|
feat | ์๋ก์ด ๊ธฐ๋ฅ์ ์ถ๊ฐํ ๊ฒฝ์ฐ |
chore | ํจํค์ง ๋งค๋์ ์ค์ ๋ฑ ์ฌ๋ฌ๊ฐ์ง ๊ธฐ๋ฅ๊ณผ ๋ฌด๊ดํ ๋ถ๋ถ ๋ค์ ์์ , ์ถ๊ฐ ํ๋ ๊ฒฝ์ฐ |
error | ๋ฒ๊ทธ๋ฅผ ๊ณ ์น๊ฒฝ์ฐ |
HOTFIX | ์น๋ช ์ ์ธ ๋ฒ๊ทธ ์์ , ์ด์์ค ๋น ๋ฅธ ์์ ์ด ํ์ํ ๊ฒฝ์ฐ |
design | CSS ๋ฑ ์ฌ์ฉ์ UI ๋์์ธ ๋ณ๊ฒฝ |
style | ์ฝ๋ ํฌ๋งท ๋ณ๊ฒฝ, ์ธ๋ฏธ์ฝ๋ก ๋๋ฝ ๋ฑ ๊ธฐ๋ฅ์์ ์ฝ๋ ์์ ์ด ์๋ ๊ฒฝ์ฐ |
comment | ์ฃผ์ ์ถ๊ฐ ๋ฐ ๋ณ๊ฒฝ |
docs | ๋ฌธ์๋ฅผ ์์ ํ ๊ฒฝ์ฐ |
refactor | ํ๋ก๋์ ์ฝ๋ ๋ฆฌํฉํ ๋ง |
rename | ํ์ผ๋ช ์ ์์ ํ๊ฑฐ๋ ์ฎ๊ธฐ๋ ์์ |
remove | ํ์ผ์ ์ญ์ ํ๋ ์์ |
test | Test์ฝ๋ ์ถ๊ฐ |
# ๋ ํฌ์งํ ๋ฆฌ ํด๋ก
git clone https://github.com/ssori0421/eCommerce-app.git
# ํจํค์ง ์ค์น
yarn
# ์คํ
yarn build ํ์ yarn start