hyesungoh / comet-land Goto Github PK

View Code? Open in Web Editor NEW

174.0 5.0 30.0 1.83 MB

Blog and Resume template :comet:

Home Page: https://comet-land-blog.vercel.app

License: MIT License

JavaScript 9.93% TypeScript 89.99% Shell 0.08%

turborepo nextjs nextui kbar comet-land blog-theme

comet-land's Introduction

Comet-land

Blog and Resume template with turborepo

한국어 문서는 다음 링크에서 확인하실 수 있습니다.

`BLOG DEMO ☄️`

`RESUME DEMO 💫`

👔 Code highlight with line-highlight, line-numbers
🎨 Design with NextUI
🍽 Table of contents
🎩 Dark mode

⌨️ Search with KBar
🔨 Configurable
🔊 Utterances Comment
🔭 Google Analytics
🔥 Hotjar
🏄 Lighthouse score

Resume Feature

🎨 Design with NextUI
🎩 Dark mode
⌨️ Contact with KBar
🔨 Configurable
🔭 Google Analytics
🔥 Hotjar
🏄 Lighthouse score

How to start

comet-land has own generate package create-comet-land

npx create-comet-land
# or
yarn create comet-land

Or using Fork or clone this repo

Install dependencies

yarn

Start Turbo !

yarn turbo run dev
# or just
yarn dev

Now you can see blog at localhost:3000, resume at localhost:3001

How to configuration

Please see packages/core/constants directory.

and you can reconfigure at that directory's variable

Analytics directory
- GA ID
- Hotjar ID
Colors directory
- color schema
General directory
- author image
- default open-graph image
- favicon
SocialMedia directory
- github
- instagram
- facebook
- linkedin
- twitter

and please check apps/blog/_config/index.json and apps/resume/_config/index.json.

This files are placing each app's configuration variable.

How to use it

please read following link.

How to deploy

deploy with vercel (recommend)

deploy with github pages

How to add more packages

scope packages

cd where-you-want
yarn add package-name

global packages

yarn add package-name -W

global dev packages

yarn add package-name -DW

Trouble shootings

check this wiki please! it might be help

Use Case

Inspired

I inspired below blogs and resume.

License

MIT

comet-land's People

Contributors

Stargazers

Watchers

comet-land's Issues

resume - tech span does not animate

Environment

all

Description

resume tech span does not animate

small bug at both app

Description

resume - project tooltip blocked at mobile
resume - techstack null handling
resume - company size at mobile
blog - code size at iOS

prevent pushing Text at KBar

Description

prevent pushing Text at Kbar hover or select

update two app's relationship

Description

display email and blog url at resume kbar (subtitle)
append resume link kbar action at blog app

Test code at Resume components

Description

apply test code at resume app

Attach cypress for e2e test

Description

attaching cypress for End to end test

Author section button position

Environment

browser : firefox
OS : macOS

Description

AuthorSection flex grow does not work well

다른 패키지에 있는 타입 정의가 자동 임포트 되지 않는데, 혹시 원인이 뭘까요

Description

VSCODE 상에서 auto import 또는 퀵픽스를 통해서 임포트하고 싶은데, 경로를 못찾는 것 같습니다..
타입이 아닌 일반 변수는 잘 찾구요. 한편 타입도 직접 경로를 입력하면 또 동작합니다. 문제가 뭘까요.

// ./packages/core/test/index.ts

export type TestType = string;
export const testValue = '1234';

safari PageProgressBar 동작하지 않음

Environment

browser: safari
OS: macOS big sur
device: m1 macbook air

Description

safari 환경에서 PageProgressBar 작동하지 않는 문제

update Resume app's contact button

Description

current does not click when above a text
shadow does not following primary color

update dependencies with configuration

Description

update whole dependencies include setting next config

test at hyesungoh/hyesungoh.xyz

comment rendered twice

Description

Comment area rendered twice at development

Error template border color not visible when dark mode

Description

다크모드일 시 Error Template의 border 색상이 보이지 않는 이슈

Scroll Restoration

Description

index에서 scroll 후 [slug] 방문 시 store restoration되지 않음

시도한 방법

Route.events

route를 벗어날 때 스크롤 좌표를 caching한 후, 돌아왔을 때 캐싱된 값만큼 scroll

+기존 구조를 바꾸지 않아도 쉽게 적용 가능함
-일반 `window.scrollTo`를 사용할 시 `race condition` 이슈로 dom 변경이 block되어,  setTimeout을 이용하여 적용해야 동작함
-하지만 infinite scroll된 값까지 적용되진 않음

Route as Modal

+infinite scroll된 스크롤까지 적용
-위 구현방법보다 구조를 많이 바꿔야 함
-SSG이기 때문에 index route와 slug route 모두 생성하여 빌드시간이 n에서 n^2으로 늘어남

Next.config.js

해당 이슈를 참고하였으나 작동하지 않음.

infinite scroll된 값까지 적용된다면 가장 적절한 해결방법같아 보이지만, 추가적인 시도를 해봐야할 것으로 판단

Application error: a client-side exception has occurred (see the browser console for more information).

Environment

browser: Chrome, Naver whale
OS: Window 11
device: LG Gram

Description

Post page에서 초기 하이드레이션 시 Application error: a client-side exception has occurred (see the browser console for more information). 에러가 발생합니다.

로그는 위와 같습니다.

Apply test at Resume pages

Description

apply test code at Resume app's pages

Task

_app
_document
_offline
index

다크모드 버튼 hover시 색상

Environment

browser: Chrome
OS: macOS Monterey
device: macbook pro 14

Description

다크모드 버튼 hover 시 커스텀한 색상이 아닌 기본 블루 색상이 보여집니다.

wrapping _config/index.json

as is

import config from "../_config/index.json";
const { blogUrl } = config;

to be

import { blogUrl } from "../_config";

how-to-start

Comet land guide - hyesungoh

how to start

https://comet-land-blog.vercel.app/how-to-start?utterances=b4a199623c184beeba8ba5fdk1pU9QQX3iOTQeWQSKq43A1R6fOkZaPN8xbaGt%2Bt0uLugSPNEvOcyKcC3X0v%2FbJuf%2BDr7D59Kwflv9p%2FhbNe%2F7FejkZFG%2Br9WAGaI%2BW21jeCDu320wB8%2BC%2Fxxi0%3D

새로 올라오는 글을 받아보고 싶은데 혹시 RSS 피드 추가 계획이 있으실까요?

Description

안녕하세요 :) 혜성님께서 쓰시는 글이 마음에 들어서 RSS 리더 앱에 등록해놓고 글이 올라올 때 바로 받아보고 싶은데요.
블로그 코드 상에 RSS 관련 파일이 있기는 한데 (링크) 세팅이 따로 되어 있지는 않은거 같아서 혹시 RSS 피드 등록 계획이 있으신지 여쭙고 싶습니다! ㅎㅎ

checking or update static files when push

Description

checking (prefer update) static files like sitemap.xml, robots.txt when push.

with github actions

Replace resume app's constant/kbarAction to libs

Description

replace resume app's constants/kbarActions to libs/kbarActions

apply some new docs

pull request template
code of conduct
contributing guidelines

TOC showing id, not text value

Description

TOC에서 id를 렌더링하는 것이 아닌 Text value를 렌더링하면 더욱 가독성이 좋을 것 같다

error occurred when lint at pre-commit

error occurred when append lint script at .lintstagedrc.json

yarn run v1.22.19
$ /Users/hyesungoh/Documents/comet-land/node_modules/.bin/lint-staged
[STARTED] Preparing lint-staged...
[SUCCESS] Preparing lint-staged...
[STARTED] Running tasks for staged files...
[STARTED] .lintstagedrc.json — 18 files
[STARTED] *.{js,jsx,ts,tsx} — 12 files
[STARTED] yarn lint
[FAILED] yarn lint [FAILED]
[FAILED] yarn lint [FAILED]
[FAILED] yarn lint [FAILED]
[STARTED] Applying modifications from tasks...
[SKIPPED] Skipped because of errors from tasks.
[STARTED] Reverting to original state because of errors...
[SUCCESS] Reverting to original state because of errors...
[STARTED] Cleaning up temporary files...
[SUCCESS] Cleaning up temporary files...

✖ yarn lint:
 ERROR  run failed: error preparing engine: Could not find the following tasks in project: /Users/hyesungoh/Documents/comet-land/apps/blog/next.config.js, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/Comments/Comments.test.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/DateAndCategoryLink/DateAndCategoryLink.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/Header/MainHeader.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/Header/PostHeader.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/PostCard/PostCard.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/utils/getHeadings.test.tsx, /Users/hyesungoh/Documents/comet-land/apps/resume/next.config.js, /Users/hyesungoh/Documents/comet-land/packages/config/eslint-nextjs.js, /Users/hyesungoh/Documents/comet-land/packages/core/components/ErrorPage/Template.tsx, /Users/hyesungoh/Documents/comet-land/packages/core/components/Kbar/KBarToggleButton.tsx, /Users/hyesungoh/Documents/comet-land/packages/core/components/Kbar/Search.tsx
error Command failed with exit code 1.
$ turbo run lint /Users/hyesungoh/Documents/comet-land/apps/blog/next.config.js /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/Comments/Comments.test.tsx /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/DateAndCategoryLink/DateAndCategoryLink.tsx /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/Header/MainHeader.tsx /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/Header/PostHeader.tsx /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/PostCard/PostCard.tsx /Users/hyesungoh/Documents/comet-land/apps/blog/src/utils/getHeadings.test.tsx /Users/hyesungoh/Documents/comet-land/apps/resume/next.config.js /Users/hyesungoh/Documents/comet-land/packages/config/eslint-nextjs.js /Users/hyesungoh/Documents/comet-land/packages/core/components/ErrorPage/Template.tsx /Users/hyesungoh/Documents/comet-land/packages/core/components/Kbar/KBarToggleButton.tsx /Users/hyesungoh/Documents/comet-land/packages/core/components/Kbar/Search.tsx
Turbo error: error preparing engine: Could not find the following tasks in project: /Users/hyesungoh/Documents/comet-land/apps/blog/next.config.js, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/Comments/Comments.test.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/DateAndCategoryLink/DateAndCategoryLink.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/Header/MainHeader.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/Header/PostHeader.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/components/PostCard/PostCard.tsx, /Users/hyesungoh/Documents/comet-land/apps/blog/src/utils/getHeadings.test.tsx, /Users/hyesungoh/Documents/comet-land/apps/resume/next.config.js, /Users/hyesungoh/Documents/comet-land/packages/config/eslint-nextjs.js, /Users/hyesungoh/Documents/comet-land/packages/core/components/ErrorPage/Template.tsx, /Users/hyesungoh/Documents/comet-land/packages/core/components/Kbar/KBarToggleButton.tsx, /Users/hyesungoh/Documents/comet-land/packages/core/components/Kbar/Search.tsx
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
husky - pre-commit hook exited with code 1 (error)
Hook process exited.

foo

Foo - [your name]

foo foo foo

https://comet-land-blog.vercel.app/foo

Test code at Resume work experience components

Description

apply test code at resume - work experience components

Apply test at Core ErrorPage

Description

Apply test code at Core's ErrorPage components

Task

vercel build실패 문의드려요.

fork 후 확인차 blogRepo, blogUrl의 값만 변경 후 vercel에 등록하였는데,

Error: The file "/vercel/path0/.next/routes-manifest.json" couldn't be found. This is normally caused by a misconfiguration in your project.

라는 에러가 발생하는데요.
따로 더 해줘야 하는게 있을까요?

Increase configurable of color

Description

support more color configurable

darkBackground
following contact button shadow color to primary color

구글 검색 노출 시키려면 어떻게 해야하나요?

구글 검색 노출

안녕하세요 만들어주신 블로그 정말 잘 사용하고 있습니다. 너무 이쁘네요! 구글에서 검색하였을때 검색 결과가 노출이 안되는것 같은데 혹시 다른 설정을 해주어야하나요? 제가 깃블로그에 대한 이해가 부족해서요ㅠ

blog's progress bar does not calc image loading

Environment

all

Description

when image loading and load end.

blog slug's progress bar does not calculate image's height.

Infinite scroll Session key handling inside of hook

Description

useInfiniteScroll에서 props로 주입받는 key를 router.asPath를 이용해서 리팩토링 할 수 있을 것 같다

Apply test at Blog hooks

Description

apply test code at Blog app's hooks

Task

update useInfiniteScroll
update useIntersectionObserver
useScrollRestoration

separating og:url tags and apply more meta tags

Description

blog - separating og:url tags for each content
both - apply twitter:image meta tag

blog component directory convention

as is

components
└── ComponentName
    └── index.tsx

to be

components
└── ComponentName
    ├── ComponentName.tsx
    └── index.tsx

// index.tsx
export { default } from './ComponentName';

for

IDE에서 확인되는 파일명을 통한 생산성 확보

해당 아티클 참고

Apply test at Resume app's constants

Description

apply test code at Resume app's constants

Task

KbarActions
index

without resume url at blog

Environment

all

Description

resume is showing at kbar when without resume url

Replace blog constants to libs directory

Description

Replace blog constants to libs directory

and apply test code at Blog app's constants

Task

replace directory
test code at KbarActions

set export command for deploy with github pages

Description

set next export command at both app
for github pages deployment

markdown links to external link

Description

compile markdown links to external link like below code

<a href="foo" target="_blank" rel="noopener noreferer">

generate RSS

Description

generate RSS.xml

fix few bugs at blog

Description

blog - html tags in markdown
blog - sorting kbar actions
blog - canonical

browser_rendering_pipeline

브라우저 렌더링 파이프라인 - jeongdo park

브라우저 렌더링 파이프라인 [ Chromium ]

https://www.jeongdo.xyz/browser_rendering_pipeline?utterances=ce587f9bb9083e6bab4b6fa1WGvWa8R5uwVQ7wLg15MvMvIi%2BZnUU7tyKCpaQqHDUR8zTBfujbVJq7y2p04Y1ydmo5UOix3WbEn%2BlBC0nCW0jdOSOfOeMNtFnAsrhLP%2FbmUNsQNBndDOvD12OzI%3D

hyesungoh / comet-land Goto Github PK

comet-land's Introduction

Comet-land

Resume Feature

How to start

How to configuration

How to use it

How to deploy

How to add more packages

Trouble shootings

Use Case

Inspired

License

comet-land's People

Contributors

Stargazers

Watchers

Forkers

comet-land's Issues

Environment

Description

Description

Description

Description

Description

Description

Environment

Description

Description

Environment

Description

Description

Description

Description

Description

Description

시도한 방법

Route.events

Route as Modal

Next.config.js

Environment

Description

Description

Task

Environment

Description

as is

to be

Comet land guide - hyesungoh

Description

Description

Description

Description

Foo - [your name]

Description

Description

Task

Description

구글 검색 노출

Environment

Description

Description

Description

Task

Description

as is

to be

for

Description

Task

Environment

Description

Description

Task

Description

Description

Description

Description

브라우저 렌더링 파이프라인 - jeongdo park

Recommend Projects