하고 싶은 일

전제

그럼 가보자!

Nuxt로 리셉션 만들기

npx create-nuxt-app my_portfolio
✨  Generating Nuxt.js project in my_portfolio
? Project name my_portfolio
? Project description My kryptonian Nuxt.js project
? Author name Naoya Moriguchi
? Choose programming language TypeScript
? Choose the package manager Npm
? Choose UI framework Vuetify.js
? Choose custom server framework None (Recommended)
? Choose the runtime for TypeScript @nuxt/typescript-runtime
? Choose Nuxt.js modules Axios, Progressive Web App (PWA) Support, DotEnv
? Choose linting tools ESLint
? Choose test framework None
? Choose rendering mode Universal (SSR)
? Choose development tools (Press <space> to select, <a> to toggle all, <i> to invert selection)

Docker로 환경 구축

# Dockerfile
FROM node:12
ENV HOST 0.0.0.0
COPY . /app
WORKDIR /app

# docker-compose.yml
version: '3'

services:
  nuxt:
    build:
      context: ./
    container_name: node12_portfolio
    volumes:
      - ./:/app
    ports:
      - "3000:3000"
    command: bash -c "npm install && npm run dev"

docker-compose up

Contentful에서 포트폴리오 정보 얻기

Content Model

Category

Tasks

Works

다음 번에는,,,