feat: next 13, tailwind (#11)

* chore: nextjs upgrade 12 to 13

Signed-off-by: SeoJunhwan <[email protected]>

* chore: yarn berry pnp

Signed-off-by: SeoJunhwan <[email protected]>

* fix: remove a tag

next 13 version 에서 link 태그 사용시 a 태그가 불필요하기에 제거

Signed-off-by: SeoJunhwan <[email protected]>

* refactor: disable GoogleAnalytics during dev

Signed-off-by: SeoJunhwan <[email protected]>

* chore: install tailwind

Signed-off-by: SeoJunhwan <[email protected]>

* style: change export

Signed-off-by: SeoJunhwan <[email protected]>

* refactor: extract providers

Signed-off-by: SeoJunhwan <[email protected]>

* chore: install tailwind

Signed-off-by: SeoJunhwan <[email protected]>

* chore: setup rettier-tailwind

* feat: husky, lint-staged 적용

* chore: install tailwind/forms

* refactor: apply pathAlias component

* refactor: apply tailwind to header, layout component

* refactor: apply path alias to interface, util

* feat: persist theme

* feat: post page pagination

pagination 적용을 위해 getStaticPaths, getStaticProps, mdxUtils
리팩토링 진행

* style: remove styled-components style in Posts component

* feat: cls tailwind

* feat: useConst

useRef 를 조금 더 편히 사용하기위해 만든 hook

useMemo, useState 보다 저장하고 비교하는 비용이 줄어듦

* style: edit pathAlias

* style: rename function getPostsViaPagination

함수명 getPostsByPage 로 변경

* feat: pagination

usePagination hook 추가

pagination 컴포넌트 추가

constants 추가
  - POSTS_PER_PAGE_OFFSET
  - PAGINATION_OFFSET

postPage GetStaticProps interface 따로 정의

* design: pagination component styling

귀염뽀짝한 노란색

Signed-off-by: SeoJunhwan <[email protected]>

* design: pagination button

버튼 크기 증가

Signed-off-by: SeoJunhwan <[email protected]>

* feat: getRelativeDate

getRelativeDate
  - Intl 활용해 과거의 특정 Date 로부터 현재까지의 상대적인 시간을 반환하는 함수 구현

getRelativeDate
  - Date 간 차이를 origin, day, hour, minute 포멧으로 반환

Signed-off-by: SeoJunhwan <[email protected]>

* rename: move fonts folder

Signed-off-by: SeoJunhwan <[email protected]>

* chore: upgrade next.js

font 사용하기위해 업그레이드 진행

Signed-off-by: SeoJunhwan <[email protected]>

* feat: pretendard 폰트 추가 및 next font, tailwind 설정

Signed-off-by: SeoJunhwan <[email protected]>

* design: post page styling

* design: add thumbnail component shadow style

* design: pagination component selected page styling

* chore: install tailwind typography, prismjs

typography 통해 기본 스타일 지정
prismjs 통해 code 컴포넌트 구문 분석

* refactor: code component using prismjs

* fix: thumbnail classname

thumbnail 컴포넌트는 다른 곳에서도 사용하기에 크기 고정 해제, 사용하는 곳에서 한 번 래핑하여 사용

* refactor: apply response image to mdx

* design: apply tailwind css to post page

* rename: useDarkmode to useTheme

* design: footer, header

* fix: build issues due to interface errors

* remove: Pretendard

* design: apply aggro font

* feat: simpleIntroduction

* fix: check date type

* chore: yarn 버전에 따른 husky 변경

yarn version 2.0 이후엔 preinstall 이 아닌 postinstall 형식으로 변경해야 하기에 이에 따라 변경

* refactor: header scroll logic

* fix: useScrollTop 의존성 추가

* design: 컬러 추가

* feat: Profile 추가

* feat: code highlighting

* refactor: styled-component 덜어내기

* feat: tag type

* feat: PostCard

* fix: error console

* feat: category, category navigation

* chore: framer-motion

* rename: constants 폴더 생성

* design: change basic bg

* rename: switch to named export

* style: import 경로 변경

* design: header

* feat: progressIndicator

* feat: 애니메이션 덜어내기

* design: layout min-height full

* feat: isEmpty util

* chore: react-lottie

* chore: remove react-lottie

* chore: lottie-web

* feat: useLottie

* feat: category page  emptyLottie

* design: add post page animation

* feat: apply lottie custom 404 page

* feat: themeProvider, useTheme using contextAPI

* refactor: Image component src 변경

* fix: slug 주입

* style: import type 적용

* fix: themeButton interface

* fix: escape error

* feat: apply AnimatePresence

* feat: exit animation

* refactor: 비싼 연산은 아닌 것 같아,,

* feat: home animation

* design: adjust post page max-width

* design: empty category post

* design: ImageComponent blur

* design: remove scrollIndicator spring animation

* fix: disable dark theme

* fix: remove simple introduction

* feat: scroll restoration

* feat: fira code font

---------

Signed-off-by: SeoJunhwan <[email protected]>

.eslintrc.json

@@ -1,6 +1,3 @@
 {
-  "extends": "next/core-web-vitals",
-  "rules": {
-    "prefer-const":"warn"
-  }
+  "extends": ["next/core-web-vitals", "prettier"]
 }

.gitignore

@@ -5,6 +5,15 @@
 /.pnp
 .pnp.js
 
+# yarn berry pnp
+.yarn/*
+!.yarn/cache
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
 # testing
 /coverage
 
@@ -15,6 +24,11 @@
 # production
 /build
 
+
+# ide
+.idea
+.vscode
+
 # misc
 .DS_Store
 *.pem
@@ -34,4 +48,4 @@ yarn-error.log*
 .vercel
 
 # typescript
-*.tsbuildinfo
+*.tsbuildinfo

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

.lintstagedrc.js

@@ -0,0 +1,8 @@
+const path = require('path');
+
+const buildEslintCommand = (filenames) =>
+  `yarn next lint --fix --file ${filenames.map((f) => path.relative(process.cwd(), f)).join(' --file ')}`;
+
+module.exports = {
+  '*.{js,jsx,ts,tsx}': [buildEslintCommand, 'yarn prettier --write'],
+};