---
# System prepended metadata

title: IConフロント共有事項

---

# IConフロント共有事項

使用：Next.js
デザイン https://www.figma.com/file/Hm8CQCl9cfZdp63wXi6Q0d/%E3%83%95%E3%83%AA%E3%83%9E%E3%82%A2%E3%83%97%E3%83%AA(%E4%BB%AE)%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3?node-id=0%3A1

## 環境
- Next.js
- TypeScript
- SCSS

## 今回の開発に必要な機能
ログイン（Auth0?）

## 実装する画面
- メイン（ログイン前＆後）:tama
- 検索結果
- 商品の詳細:kuro
- ログイン・サインアップ画面（デザインでは購入ボタン押下後に表示となっているが追々）
- 購入画面(支払い・配送):sato
- 最終確認画面
- 注文確定画面:kuro
- QR決済画面（QRコードを表示）
- チャット End0

## ディレクトリのルール

- /pages
    - ページ
- /pages/api
    - フロントでAPI作りたいとき
- /components
    - 各コンポーネント
- /public
    - 静的なファイル

## 分担

形式：ページ毎
コンポーネントは各々

## ブランチ名

- feature-XX 
    - 機能追加（新規で作成した機能の場合はこっち！）
- fix-XX
    - 修正用（コミット＆プッシュは下の通りに行うので必ず作ること）

※　XX = issue番号

## →バック
データ受渡：JSON
形式：

## 作業手順解説
したい作業のissueを作成または選択。
↓
それに対するブランチ（feature-XX または fix-XX）を作成。
↓
「git switch feature-XX」または「git switch fix-XX」で切り替えたら作業開始
↓
編集
↓
ステージ
↓
コミット
↓
プッシュ
↓
mainにプルリク（ひとまず完了）