Details

1. Built an SSG website using the Next.js App Router
   • Static site generation using Server Components
   • Implemented modal pages with unique URLs using the Intercept Routes feature
2. Deployed via Vercel
   • Connected Vercel PostgreSQL and managed data separately
   • Used Prisma to connect the database to the client and auto-generate types from the data schema
   
3. Styled with Tailwind CSS
   • Dark mode support
   • Responsive design (375 ~ 640px / 640 ~ 768px / 768px ~)
   
4. Implemented animations with framer-motion
   • Main page animations using SVG and the pathLength property
   • Section slide-in animations on scroll using the isInView property and stagger feature
   • Tab selection animation in the skills section — background slides horizontally to the selected tab
5. Monthly release cycle and ongoing maintenance
   • Monthly goals tracked via GitHub Issues; release branch created each cycle
   • Release branch merged into main at month end
   • Automatic deployment via Vercel CI/CD on push to main