Merge pull request #17 from gitgitWi/nextjs/v1

개발환경용 Dockerfile, Next.js, TS, lint-staged 설정 추가

Author: gitgitWi

.devcontainer/devcontainer.json

@@ -0,0 +1,48 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the README at:
+// https://github.com/microsoft/vscode-dev-containers/tree/v0.205.1/containers/docker-existing-dockerfile
+{
+  "name": "Existing Dockerfile",
+  "context": "..",
+  "dockerFile": "../Dockerfile.dev",
+  "settings": {
+    "editor.formatOnSave": true,
+    "editor.formatOnSaveMode": "file",
+    "files.autoSave": "onFocusChange",
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "extensions": [
+    "shd101wyy.markdown-preview-enhanced",
+    "yzhang.markdown-all-in-one",
+    "esbenp.prettier-vscode",
+    "foxundermoon.shell-format",
+    "visualstudioexptteam.vscodeintellicode",
+    "wakatime.vscode-wakatime",
+    "mutantdino.resourcemonitor",
+    "mhutchie.git-graph",
+    "editorconfig.editorconfig",
+    "eamodio.gitlens",
+    "ldez.ignore-files",
+    "streetsidesoftware.code-spell-checker",
+    "adpyke.codesnap",
+    "oderwat.indent-rainbow",
+    "christian-kohler.path-intellisense",
+    "fabiospampinato.vscode-highlight",
+    "wix.vscode-import-cost",
+    "helixquar.randomeverything",
+    "syler.sass-indented",
+    "codezombiech.gitignore",
+    "christian-kohler.npm-intellisense",
+    "ms-vscode.vscode-typescript-next",
+    "devonray.snippet",
+    "dbaeumer.vscode-eslint",
+    "nepaul.editorconfiggenerator",
+    "vscode-icons-team.vscode-icons",
+    "kisstkondoros.vscode-codemetrics",
+    "formulahendry.auto-close-tag",
+    "formulahendry.auto-rename-tag",
+    "mikestead.dotenv",
+    "naumovs.color-highlight",
+    "gencer.html-slim-scss-css-class-completion",
+    "mrmlnc.vscode-scss"
+  ]
+}

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx pretty-quick --staged
+npx lint-staged

.lintstagedrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  "**/src/**/*.{js,ts,jsx,tsx,vue}": ["eslint --fix"],
+};

Dockerfile.dev

@@ -0,0 +1,30 @@
+FROM debian:stable-slim
+
+RUN apt update
+RUN apt-get update
+
+RUN apt-get install -y \
+  locales zsh curl wget unzip sudo git \
+  dirmngr gpg gawk
+RUN apt autoremove -y
+
+RUN rm -rf /var/lib/apt/lists/* && localedef -i ko_KR -c -f UTF-8 -A /usr/share/locale/locale.alias ko_KR.UTF-8
+ENV LANG en_US.UTF-8
+ENV TZ="Asia/Seoul"
+
+RUN git config --global init.defaultBranch main
+RUN git config --global user.name "gitgitWi"
+RUN git config --global user.email "wiii@kakao.com"
+
+RUN sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
+RUN git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
+RUN git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
+
+RUN rm $HOME/.zshrc
+RUN wget -P $HOME/ "https://gist.githubusercontent.com/gitgitWi/93f3583109ac09076fbef6b64c76536f/raw/a88cf8320d863d119353625f0db13719cb4d2fa4/.zshrc"
+RUN chsh -s /usr/bin/zsh
+
+# After this container started, install Node.js with asdf
+# git clone https://github.com/asdf-vm/asdf.git $HOME/.asdf
+# . $HOME/.asdf/asdf.sh
+# curl -s https://gist.githubusercontent.com/gitgitWi/7d350c08a2a5283c873fc6ac8df239d5/raw/22977348d561cffafcb1ceeb488513312fd40d87/nodejs.sh | zsh

next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

package.json

@@ -13,9 +13,9 @@
   "dependencies": {
     "@mdx-js/loader": "^1.6.22",
     "@next/mdx": "^11.1.0",
-    "next": "11.1.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "next": "12",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "sass": "^1.38.0"
   },
   "devDependencies": {

tsconfig.json

@@ -11,23 +11,14 @@
     // "emitDecoratorMetadata": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "noEmit": true,
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "incremental": true
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
 }