Skip to content

Commit 2134110

Browse files
authored
feat: next 13, tailwind (#11)
* chore: nextjs upgrade 12 to 13 Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * chore: yarn berry pnp Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * fix: remove a tag next 13 version 에서 link 태그 사용시 a 태그가 불필요하기에 제거 Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * refactor: disable GoogleAnalytics during dev Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * chore: install tailwind Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * style: change export Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * refactor: extract providers Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * chore: install tailwind Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * 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 <seojunhwan@kakao.com> * design: pagination button 버튼 크기 증가 Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * feat: getRelativeDate getRelativeDate - Intl 활용해 과거의 특정 Date 로부터 현재까지의 상대적인 시간을 반환하는 함수 구현 getRelativeDate - Date 간 차이를 origin, day, hour, minute 포멧으로 반환 Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * rename: move fonts folder Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * chore: upgrade next.js font 사용하기위해 업그레이드 진행 Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * feat: pretendard 폰트 추가 및 next font, tailwind 설정 Signed-off-by: SeoJunhwan <seojunhwan@kakao.com> * 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 <seojunhwan@kakao.com>
1 parent 7768b5d commit 2134110

File tree

919 files changed

+32789
-16261
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

919 files changed

+32789
-16261
lines changed

.eslintrc.json

+1-4
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
11
{
2-
"extends": "next/core-web-vitals",
3-
"rules": {
4-
"prefer-const":"warn"
5-
}
2+
"extends": ["next/core-web-vitals", "prettier"]
63
}

.gitignore

+15-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,15 @@
55
/.pnp
66
.pnp.js
77

8+
# yarn berry pnp
9+
.yarn/*
10+
!.yarn/cache
11+
!.yarn/patches
12+
!.yarn/plugins
13+
!.yarn/releases
14+
!.yarn/sdks
15+
!.yarn/versions
16+
817
# testing
918
/coverage
1019

@@ -15,6 +24,11 @@
1524
# production
1625
/build
1726

27+
28+
# ide
29+
.idea
30+
.vscode
31+
1832
# misc
1933
.DS_Store
2034
*.pem
@@ -34,4 +48,4 @@ yarn-error.log*
3448
.vercel
3549

3650
# typescript
37-
*.tsbuildinfo
51+
*.tsbuildinfo

.husky/pre-commit

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
#!/usr/bin/env sh
2+
. "$(dirname -- "$0")/_/husky.sh"
3+
4+
npx lint-staged

.lintstagedrc.js

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

.pnp.cjs

+19,592
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)