Nextjs🚀

Github web-template >Next.js + Typescript web template 만들기

Next.js + typescript + styled-components 적용하기

공식문서로 동적 라우팅 구현하기

Next.js의 getServerSideProps 로 서버사이드 렌더링(SSR) 구현하기

환경에 따라 변할 수 있는 값들을 분기처리 하는 것. next.js는 별다르 작업을 하지 않아도 환경 변수를 사용할 수 있도록 제공한다.

정적 생성(Static Generation)_ getStaticProps, getStaticPaths pre-rendering(사전 렌더링) Next.js는 1) 모든 페이지를 pre-render(사전 렌더) 한다 클라이언트에서 모든 작업

공식문서 읽으며 기초 다지기를 시작해본다.🤗

프로젝트에서 svg를 다룰 예정이므로 연습 겸본 프로젝트 시작 전 테스트 겸 간이 프로젝트에 적용해보았다!

기존에 next12로 만들었던 포트폴리오 사이트를 next13으로 마이그레이션 해봤다