dongbin.

Next.js를 사용한 개인 포트폴리오 웹사이트로, 작업한 프로젝트들을 시각적으로 소개하기 위해 제작했습니다. 랜딩 페이지와 project, about, contact 메뉴로 구성되어 있으며, 이메일 전송 기능이 포함되어 있습니다.

개요

  • 프로젝트 기간

    2023/11 ~ 2023/12

  • 역할

    기획, FE, Deployment

  • 팀 / 솔로

    솔로(FE)

  • 기술 스택

    Next.js, TypeScript, Vercel

소개

projectCapture

Next.js 도입

SSR 및 Next.js 학습을 위해 Next.js 13으로 프로젝트를 진행했습니다. 정적인 웹사이트임에 따라, Static Rendering을 적용하였고, Route Groups, next/link, next/image, next/font 등의 기능들을 사용했습니다.

projectCaptureprojectCapture

반응형 웹 구현

데스크탑, 태블릿, 모바일 등 모든 기기에 최적화된 반응형 웹 디자인을 구현하였습니다.

projectCapture

이메일 전송 기능 구현

주로 정적인 웹사이트 구조를 유지하면서도, Email.js 라이브러리를 활용하여 동적인 이메일 전송 기능을 구현했습니다. 이를 통해 사용자는 웹사이트 내에서 직접 이메일을 보낼 수 있습니다.

기타

Deployment

Vercel을 활용하여 정적 웹 사이트 호스팅을 구성하였습니다.