오픈소스 개발자 포트폴리오

Source: Dev.to

Overview

Next.js로 개발자 포트폴리오를 만들고 싶고, 실제 프로덕션에 바로 사용할 수 있는 예제가 필요하다면, 이 저장소는 과도한 설계 없이도 깔끔하고 확장 가능하며 쉽게 커스터마이징할 수 있는 솔루션을 제공합니다.

Features

• 완전 반응형이며 성능에 초점을 맞춘 디자인
• 정적 내보내기 – 백엔드 없이 어디서든 배포 가능
• 시스템 환경설정을 따르는 다크/라이트 모드
• EmailJS로 구동되는 연락 폼
• 프로젝트와 경력을 위한 데이터‑드리븐 구조
• 최신 Next.js 포트폴리오 아키텍처의 실용적인 예시
• 개인 정보, 프로젝트, 경력을 간단히 교체 가능
• 기능, 공유 UI, 레이아웃 간 명확한 분리
• Radix UI와 Framer Motion을 활용한 부드러운 애니메이션을 갖춘 접근성 높은 UI

Tech Stack

• Next.js (App Router)
• TypeScript
• Tailwind CSS
• Radix UI
• Framer Motion
• EmailJS

Deployment

사이트는 정적으로 내보낼 수 있으며, 백엔드가 필요 없는 모든 정적 파일 호스팅 서비스(예: Vercel, Netlify, GitHub Pages)에서 호스팅할 수 있습니다.

Architecture

• 프로젝트와 경력 항목을 위한 데이터‑드리븐 폴더 구조
• 기능, 공유 UI 컴포넌트, 레이아웃 파일 간 명확한 관심사 분리
• JSON/YAML 데이터 파일이나 컴포넌트 props를 편집하여 쉽게 커스터마이징 가능

Accessibility

• Radix UI를 통해 접근성을 고려한 UI 컴포넌트 구축
• Framer Motion으로 구현된 부드럽고 키보드 친화적인 애니메이션

Repository

🔗 GitHub Repository: