#nextjs
Read more stories on Hashnode
Articles with this tag
NextJS application을 build할 때 default로 server component, client component는 모두 static rendering이 적용된다. 즉, build time에 페이지별로 static html file이 생성된다. 하지만...
2024년 5월 NextJS 15 RC ( Release Candidate )가 release되고 그 뒤 5개월이 지난 뒤 stable version이 release되었다. React 19 stable version이 release되고 나서 Next15 stable...
NextJS를 통해 프로젝트를 개바하면 Typescirpt, ESLint, 환경변수 등과 같은 추가적인 package, tools과 함께 개발이 진행된다. 이번 포스트를 통해 next.config.js 파일 외에 프로젝트 진행시 알아두면 좋은 configuration에...
새로운 font를 추가하여 사용하기 위해선 대표적으로 두 가지 방법이 있다. 예를 들어 google font 중 Oswald font를 사용하고 싶다고 가정해보자. 첫 번째 방법은 remote server로 사용하고자 하는 font를 요청하고 해당 font를 적용하기...
NextJS Image component는 img element로 render될 때 자동으로 img element에 srcset을 추가해주고 접속하는 사용자 device에 따라 최적화된 image를 제공할 수 있도록 도와준다. 우선 srcset 속성이 어떻게 동작하는지...
App route에서의 layout 구성은 Page route에서의 layout과는 상당히 다르다. 또한 app route에서는 layout와 비슷한 template 파일 역시 존재한다. 해당 포스트를 통해 layout과 template에 대해...
![[ 살펴보기 ] NextJS - Dynamic Rendering](https://cdn.hashnode.com/res/hashnode/image/upload/v1736750048206/7faee6f7-2df5-4524-a614-aaec38f2a74e.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[ 살펴보기 ] NextJS - v15 Stable](https://cdn.hashnode.com/res/hashnode/image/upload/v1733233851467/146fe280-de14-4407-9bd6-61c6d05948ac.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[ 살펴보기 ] NextJS - Configuration](https://cdn.hashnode.com/res/hashnode/image/upload/v1728396812617/f524e1a1-b601-4ddd-b109-eb95d7e2005d.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[ 살펴보기 ] NextJS - Optimizing Fonts](https://cdn.hashnode.com/res/hashnode/image/upload/v1726065269759/3d2bbe34-f33e-4d1f-b470-14d720c8a96a.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[ 살펴보기 ] NextJS - Image component](https://cdn.hashnode.com/res/hashnode/image/upload/v1725689475280/75081d09-0456-43d9-a1d7-78e1801422d8.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[ 살펴보기 ] NextJS - Layout & Template](https://cdn.hashnode.com/res/hashnode/image/upload/v1724741783615/f7026639-beb7-4d74-81aa-e6df68730fde.png?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)