hobeet 프로젝트 - 기획5

10월 23일 수요일

세팅 시점에 Next.js 15 버전이 정식 공개 되었다.

하지만 레퍼런스도 많이 부족하고 불안정성을 고려해 우리는 14 버전을 선택하였다.

 

- next14 버전으로 프로젝트 시작하기

• supabase, zustand, tan-stack-query 설치
• .env.local (supabase) 설정 완료
• supabase 폴더에 ( client, server, middleware 폴더 생성 및 설정 완료)
• 초기 컴포넌트 분리 설정

 

- 카카오 디벨로퍼스 앱 생성 후 초대 완료

 

- pwa 세팅

 

라이브러리 설치

yarn add next-pwa

 

next.config.mjs

import withPWA from 'next-pwa';

/** @type {import('next').NextConfig} */
const nextConfig = {

};

export default withPWA({
    dest: 'public',
    ...nextConfig,
});

 

public/manifest.webmanifest

{
  "theme_color": "#8936FF",
  "background_color": "#2EC6FE",
  "icons": [
    { "purpose": "maskable", "sizes": "512x512", "src": "icon512_maskable.png", "type": "image/png" },
    { "purpose": "any", "sizes": "512x512", "src": "icon512_rounded.png", "type": "image/png" }
  ],
  "orientation": "any",
  "display": "standalone",
  "dir": "auto",
  "lang": "ko-KR",
  "name": "hobeet",
  "short_name": "hobeet",
  "start_url": "/",
  "scope": "/"
}

 

layout.tsx

 

  manifest: "/manifest.webmanifest" 추가

 

 

yarn build

 

 

- storybook 사용 고민

• 초기 설정은 어렵지 않지만 작업 중간중간 컴포넌트마다 공수가 많이 필요하다고 느낌
• 제대로 사용하지 못할거면 아예 사용하지 않기로 결정

 

- 와이어프레임 초안 회의

• 와이어프레임 초안 보면서 구현 가능한 부분과 불가능하거나 시간이 너무 많이 걸리는 부분은 첨삭

 

- 기본 셋팅 상태로 배포 (dev 브랜치)

• vercel 이용하여 pwa까지 세팅되어있는 상태로 배포

 

- Convention / Rules

 

 

 

 

- git Issues 활용

 

 

- git Projects