Next.js Creative Portfolio Website

Next.js Creative Portfolio Tutorial : Next.js, Three.js 및 Tailwind CSS를 사용하여 놀라운 포트폴리오 웹 사이트를 구축하십시오.

이 저장소에는 Next.js 및 Three.js를 사용하여 구축 된 Next.js Creative Portfolio 웹 사이트의 최종 코드가 포함되어 있습니다.

다음 링크를 따르는 데모 체크 아웃의 경우 :
Nextjs 크리에이티브 포트폴리오 웹 사이트 데모

스타터 코드 파일? :
➡ 링크 : Nextjs 크리에이티브 포트폴리오 웹 사이트 스타터 코드

이를 만드는 방법을 배우려면 아래 튜토리얼을 따르십시오? :
➡ 튜토리얼 링크 : Next.js, Three.js & Tailwind CSS 튜토리얼이있는 개인 포트폴리오 웹 사이트

내 개인 웹 사이트를 확인하십시오

---

이 저장소를 별표하는 것을 잊지 마십시오

---

포트폴리오 웹 사이트의 이미지 :

집

에 대한

프로젝트

연락하다

모바일 버전

이 프로젝트에 사용 된 리소스

3D 모델

• Elbertwithane의 "Tim McKee -Boy Wizard"는 Creative Commons 속성에 따라 라이센스가 부여되었습니다.
• Enkarra의 "양식화 된 마법사 모자"는 Creative Commons 속성에 따라 라이센스가 부여됩니다.
• Toymancer Studio의 "Wizard Staff"는 Creative Commons 속성에 따라 라이센스가 부여됩니다.

AI 이미지

• 놀이터 AI의 도움으로 만들어졌습니다

Github 통계 및 세부 사항

• github readme 통계
• 기술 아이콘
• github readme 줄무늬 통계

개발 자원

• Google 글꼴의 글꼴
  
• Lucide 아이콘의 아이콘
  
• Sonner의 알림
  
• React-Hook-Form을 사용하여 생성 된 양식
  
• 프레이머 모션을 사용한 애니메이션
  
• emailjs를 사용한 이메일
  
• GLTF JSX를 사용하여 3D 모델을 JSX로 변환하십시오

오디오

• Shiden의 음악은 Pixabay에서 음악을 이겼습니다

---

이것은 다음.js 프로젝트 create-next-app 으로 부트 스트랩입니다.

시작하기

먼저 종속성을 설치하고 개발 서버를 실행하십시오.

npm run install # to install all dependencies

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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