Next.js 기초를 알려주는 인프런(inflearn) 강의의 링크와 할인 쿠폰을 첨부합니다.
강의 링크: https://inf.run/u46D
쿠폰 번호: 15848-7a600076632d
쿠폰을 사용하면 44,000 -> 29,900원으로 수강이 가능합니다.(100회까지 이용 가능하도록 설정되어있습니다.)
아래의 10가지 개념을 학습할 수 있습니다.
매장 지도 서비스를 만들며 배우는 Next.js API 10가지 Point ✅
- next/link로 지도 페이지/피드백 페이지 이동하기
- next/image로 로고 이미지/매장 이미지 최적화
- next/script로 지도 스크립트 불러오기
- API Routes로 매장 데이터 불러오기
- getStaticProps로 지도 페이지 pre-rendering하기
- getStaticPaths로 모든 매장의 dynamic routes를 pre-rendering하기
- getServerSideProps에서 피드백 페이지 데이터 불러오기
- Next.js 12와 13에서 next/link, next/image 등의 API 차이점
- Lighthouse로 웹 성능 검사 및 웹 접근성, SEO 개선(next-seo, next-sitemap)
- Vercel을 통한 Next.js 프로젝트 배포
강의에 대한 더 자세한 설명은 위의 링크 참고 부탁드립니다.
'프론트엔드 > Next.js' 카테고리의 다른 글
routeChange event로 page transition loading UI 구현하기 (0) | 2022.09.19 |
---|---|
Next.js에 PWA 적용하기 (0) | 2022.07.03 |
Next.js SEO plugin 이용하기(feat. next-seo, next-sitemap) (0) | 2022.07.03 |
Next.js API routes CORS 대응하기 + hook 이중 호출 방지하기 (0) | 2022.04.22 |
Next.js를 통해 prefetch 최적화 기법 이해하기(feat.next/link) (0) | 2022.02.12 |