yangDM9378 / NEXT.JS

Typescript를 통한 Next.js 공부 내용을 담는 repo입니다.

NEXT.JS

페이지 구성

정적 라우팅

• commit#1 - 12버전 routing
• commit#2 - 13버전 routing
• commit#3 - routing 실습

동적 라우팅

• commit#4 - Dynamic Routing
• commit#5 - Dynamic Routing 내용 추가
• commit#6 - Not Found

레이아웃

• commit#7 - layout header
• commit#8 - layout product header
• commit#9 - Link
• commit#10 - Link 내용추가

SEO

• commit#11 - SEO

렌더링

• commit#12 - v13 서버컴포넌트와 클라이언트컴포넌트
• commit#13 - v13 서버파일(데이터베이스)에서 데이터 가져오기 리팩토링
• commit#14 - SSG로 렌더링
• commit#15 - v13 ISR로 렌더링
• commit#16 - v13 fetch 활용 SSG, ISR로 렌더링
• commit#17 - v13 fetch 활용 CSR로 렌더링
• commit#18 - v12 SSG ISR SSR

API 라우트

• commit#19 - 예전방식 API 라우트
• commit#20 - 최신방식 API 라우트

성능개선

• commit#21 - Loading
• commit#22 - error
• commit#23 - Image
• commit#24 - Image 실습
• commit#25 - fonts
• commit#26 - redirect
• commit#27 - rewrites
• commit#28 - 동적 사용자 redirect
• commit#29 - middleware

인스타그램

• #1 환경설정 및 Sanity 설정
• #2 Nav 기능 구현
• #3 Nav 스타일링
• #4 구글 로그인 구현
• #5 로그인 페이지 커스텀
• #6 로그인 버튼 클릭한 페이지로 로그인시 이동
• #7 로그인 후 정보 가져오기
• #8 로그인 정보 Sanity에 저장하기
• #9 사이드바