next.js Portfolio project

node-version: 18.x.x

초기 설정

$ npx create-next-app@latest

√ What is your project named? ... portfolio
√ Would you like to use TypeScript with this project? ... Yes
√ Would you like to use ESLint with this project? ... Yes
√ Would you like to use Tailwind CSS with this project? ... Yes
√ Would you like to use `src/` directory with this project? ... No
√ Would you like to use experimental `app/` directory with this project? ... No
√ What import alias would you like configured? » @/*

$ npm run dev

🎨 Design Theme

• logo
• font
• color

🗃️ Layout 설정

• navigation
• footer
• top buttom

📄 UI 작업

• main
  • link
• home
  • about, new post
• about
• posts
  • all
  • detail
• project
  • beside, protfolio, guestBook, gatsby
• 404
  • page

📦 Package 추가

• tailwind plugin
• contentlayer
• code block
• next seo
• +storybook

⚡ 기능(feature)

• all
  • responsive
  • dark mode
  • share url - title, desc, img
• posts
  • comment
  • search
  • thumb nail
  • link copy
  • categaory
  • tags

🖌️ 효과(animation)

• [all] 처음 로딩 시, 효과
• [posts] hover 효과

🚀 배포(deploy)

• vercel