프로젝트 생성, 도커설정

nestjs, nextjs, mongodb 사용했다.

cloudflare workers + kv 쓸까 고민 했는데 velog처럼 메인에서 최신 게시글을 노출하려면 디비기능이 필요할 것 같아서 nest로 정했다.

도커를 제대로 써보는건 처음인데 docker-compose를 아래와 같이 구성함.

version: "3.7"
services:
  web:
    image: node:12-alpine
    working_dir: /app
    volumes:
      - ./web:/app
    command: sh -c "yarn install && yarn run dev"
    ports:
       - 3000:3000
  server:
    image: node:12-alpine
    working_dir: /app
    depends_on:
      - db
    volumes:
      - ./server:/app
    command: sh -c "yarn install && yarn run dev"
    ports:
       - 3001:3001
  db:
    image: mongo
    restart: always
    environment:
      MONGO_INITDB_ROOT_USERNAME: root
      MONGO_INITDB_ROOT_PASSWORD: example

백 프론트 같은 레포에서 만드니까 docker-compose도 같이 실행하도록 구성했는데 운영측면에서 좋은 방법은 아니지 않을까 싶다..

nest 사용방법이 가물가물해서 공식문서 다시 읽고 서버 코드짜기로 했고, 먼저 프론트 디자인 라이브러리만 조금 만져봤다.

nav

nav 컴포넌트만 만들었다.

tailwindcss 가 핫해서 하위 플러그인인 daisyui 사용해봤는데 디자인은 마음에 든다.

그런데 클래스네임으로 스타일링하는 방식은 styled-components 보다 별로인듯? 코드 읽기 힘들다.