next portfolio dev

개발자를위한 기본 포트폴리오

개츠비 버전

개츠비-포트폴리오 포트폴리오

특징

• TypeScript
• eslint/더 예쁘게 구성되었습니다
• A11Y / Performance / PWA / SEO에서 100% 점수
• 사용자 정의하기 쉽습니다
• 좋은 프로젝트 구조
• Undraw.co의 놀라운 삽화
• 태블릿 및 모바일 친화적
• Vercel을 사용한 지속적인 배포
• Google Recaptcha가 보호하는 연락처 양식 Formspree에 의해 구동됩니다.
• 한 번의 클릭으로 배포 할 수 있습니다
• ISR을 사용하여 대부분의 별과 함께 Github 고정 프로젝트를 가져옵니다 (원하는 경우 사용자 정의 할 수 있음)
• 한 번의 클릭 배포에 Vercel

설계

Behance에 프로젝트

전제 조건

온라인

1. Google Recaptcha에서 Google Recaptcha 키를 가져옵니다
2. Github에서 Github 토큰을 잡으십시오
3. 클릭하고 통과합니다.

• Github 토큰

Env 변수 섹션.

장소 상에서

1. formspree에서 계정을 만듭니다

2. PNPM을 설치하십시오

3. Github에서 Github 토큰을 잡으십시오

4. cp .env.development.local.template .env.development.local 실행하십시오

   로컬로 웹 사이트를 구축하려면 cp .env.development.local.template .env.development.local 실행하고 ENV 변수를 제공해야합니다.

5. pnpm i && pnpm dev 실행하십시오

   vercel env pull 실행하여 ENV 변수를 Vercel에서 얻을 수 있습니다.

6. src/data/config.ts 파일을 편집하십시오

    const config = {
     defaultTitle : 'John Doe' ,
     url : process . env . NEXT_PUBLIC_PORTFOLIO_URL ! ,
     defaultDescription : 'I’m John Doe and I’m a Software Engineer!' ,
     googleAnalyticsID : 'G-xxxxxx' ,
     twitter : '@smakosh' ,
   } ;

로컬로 배포

github/gitlab으로 밀고 저장소를 대신 Vercel에 배포하거나 배포 버튼을 누르는 것이 좋습니다.

구축

• Adobe XD
• 다음 js
• 테일 윈드 스
• TypeScript
• formspree
• vscode
• JavaScript 라이브러리 Package.json의 유용한 유용합니다

특허

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 License.md 파일을 참조하십시오.

기고자

José Fernando Höwer Barbosa

Elbarae rguig ?

Karl Horky ? ️

Moutawakkil Mohammed ?

Bharath Kalyan s ?

지원하다

이 다음 JS 템플릿을 좋아하고 저를 지원하고 싶다면 GitHub 프로필을 통해 그렇게 할 수 있습니다.