maxleiter.com

내 개인 사이트

시작하기

1. pnpm 패키지 관리자 설치 : https://pnpm.io/
2. 프로젝트 디렉토리에서 pnpm 실행하십시오
3. 로컬 개발자 서버를 시작하려면 pnpm dev 실행하십시오

환경 변수

• GITHUB_TOKEN : 프로젝트를 위해 github 스타를 가져 오려면 필요합니다.
• NEXT_PUBLIC_SUPABASE_URL , SUPABASE_SERVICE_ROLE_KEY , NEXT_PUBLIC_SUPABASE_ANON_KEY : 분석에 필요합니다. 자세한 내용은 https://maxleiter.com/blog/supabase-next-analytics를 참조하십시오
• 홈페이지 하단에있는 git commit 해시를 원한다면 vercel로 호스팅하거나 NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA env var를 제공해야합니다.

용법:

• pnpm <command> :
  • lint : 파일을 자동으로 줄입니다
  • dev : 라이브 재 장전으로 로컬 인스턴스를 시작하십시오
  • rss : RSS 피드를 생성합니다
  • build : RSS 피드 및 생산 사이트를 생성하십시오
  • analyze : @Next/Bundle-Analyzer를 통해 검사 할 수있는 번들 생성
  • start : yarn build 통해 구축 된 생산 인스턴스 시작

디렉토리 구조 :

• 앱
• components/ : 반응 구성 요소
• data/ : 결국 DB 또는 무언가로 이동할 수있는 정적 데이터
• lib/ : 후크, 타사 API 물건, Utils 기능
• pages/ : next.js pages (렌더링되는 실제 경로)
• styles/ : 글로벌 스타일이 포함되어 있습니다
• pages/api : NextJS API 경로
• posts/ : 빌드 시간에 렌더링 된 마크 다운 파일
• public/ : 블로그, Favicon, 빌드 파일의 이미지
• scripts/ : 사이트 맵 및 RSS 피드 구축을위한 스크립트 포함