ericwu.me

내 개인 웹 사이트

Ericwu.me

JS 14를 사용하여 구축되었습니다. 이 디자인은 Nev Flynn의 Bento 디자인에서 영감을 얻어 단순성과 사용자 친화적 인 인터페이스에 중점을 둡니다.

특징

• 다음 JS 14 : 빠른 렌더링 및 효율적인 SEO 최적화를 위해 Next.js의 최신 기능을 활용합니다.
• Notion API : 개념을 헤드리스 CM으로 통합하여 블로그 컨텐츠를 동적으로 관리하고 검색합니다.
• 반응 형 벤토 디자인 : 독특한 모양과 느낌을 위해 맞춤화 된 벤토 디자인의 미적 및 기능적 원리를 채택합니다.

시작하기

전제 조건

시작하기 전에 다음을 설치해야합니다.

• node.js (v16.x 이상 권장)
• NPM 또는 원사

설치

1. 저장소 복제 :

   git clone https://github.com/itsEricWu/ericwu.me.git

2. 종속성 설치 :

   yarn install

3. 환경 변수 설정 : 루트 디렉토리에서 .env.local 파일을 만들고 다음 변수를 추가하십시오.

    OPENAI_API_KEY=exampleAPIKey
    NEXT_PUBLIC_MAPBOX_TOKEN=exampleAPIKey
    NEXT_PUBLIC_FIREBASE_API_KEY=exampleAPIKey
    SITE_URL=https://www.example.com
   

프로젝트 실행

개발 서버를 실행하려면 :

yarn dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

전개

이 웹 사이트는 Vercel, Netlify 또는 Next.js와 같은 기타 플랫폼과 같은 플랫폼에 배포 될 준비가되었습니다. 특정 지침은 선택한 플랫폼의 배포 문서를 따르십시오.

스타 역사

기여

기부금을 환영합니다! 주요 변경 사항을 위해 먼저 문제를 열어 변경하고 싶은 것을 논의하십시오.