현대적인 개인 포트폴리오 구축'?

멋진 입자 애니메이션과 부드러운 전환 및 향상된 경험을 위한 대화형 리소스. 여기에 라이브 링크 my-portfolio가 있습니다

? 특징

• 모든 기기에 반응하는 디자인
• 인터랙티브 입자 배경
• 부드러운 페이지 전환
• 다이나믹한 프로젝트 쇼케이스
• 이메일 확인이 가능한 문의 양식
• 다운로드 가능한 이력서
• 소셜 미디어 통합
• 블로그 섹션
• 전문 기술 시각화
• 컨테이너화를 위한 Docker 지원

?️ 내장

• Next.js 14
• 리액트18
• 테일윈드 CSS
• 프레이머 모션
• 리액트 아이콘
• 스와이퍼
• TS파티클
• Radix UI 구성 요소
• 도커

?‍♂️ 시작하기

전제 조건

• Node.js 18 이상
• npm 또는 원사

설치

1. 저장소를 복제합니다.

   git clone https://github.com/B-KEY/BIBEK-PORTFOLIO.git

1. 종속성 설치:

   npm install
   # or
   yarn install

1. 개발 서버 실행:

   npm run dev
   # or
   yarn dev

1. 브라우저에서 http://localhost:3000을 엽니다.

Docker 설정을 선호하는 경우

1. Docker 이미지 빌드:

   docker build -t portfolio .

1. 컨테이너 실행:

   docker run -p 3000:3000 portfolio

? 프로젝트 구조

portfolio/
├── app/ # Next.js app directory
│   ├── contact/ # Contact page
│   ├── resume/ # Resume page
│   ├── work/ # Projects showcase
│   └── layout.jsx # Root layout
├── components/ # Reusable components
├── public/ # Static assets
└── styles/ # Global styles

? 전개

다음 단계에 따라 프로젝트를 Vercel에 배포할 수 있습니다.

1. GitHub에 코드 푸시
2. Vercel에 저장소 연결
3. 클릭 한 번으로 배포

? 환경 변수

루트 디렉터리에 .env.local 파일을 만듭니다.

NEXT_PUBLIC_CONTACT_FORM_KEY=your_form_key
Also add username and api for Blog

? 기여

1. 저장소 포크
2. 기능 분기 만들기(git checkout -b feature/AmazingFeature)
3. 변경 사항 커밋(git commit -m 'Add some AmazingFeature')
4. 브랜치로 푸시(git push 원본 기능/AmazingFeature)
5. Pull Request 열기

? 특허

이 프로젝트는 ISC 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.

? 작가

비벡타파

• LinkedIn: 비벡타파1
• GitHub: @B-KEY

? 감사의 말

• 놀라운 프레임워크를 위한 Next.js 팀
• 호스팅용 Vercel
• 모든 오픈소스 기여자
• cristianmihai01에서 부분적인 영감을 받았습니다

위 내용은 현대적인 개인 포트폴리오 구축'?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!