#nextjs
Read more stories on Hashnode
Articles with this tag
GraphQL은 API를 위한 Query Language이다. 우리에게 더 익숙한 REST API와 GraphQL의 차이점이 무엇인지 알아보고, Next.js에서 GraphQL을 사용하는 방법에 대해 알아보겠다. REST API Representational State...
트위터 로그인 모달창을 만들어보며 넥스트의 parallel routes 와 intercepting routes 을 학습한 내용을 정리해보았습니다. 트위터 로그인 창을 확인해봅시다. 루트 디렉토리 화면을 배경으로 i/flow/login 페이지가 동시에 표시되고...
React.js 18 에 도입된 리액트 서버 컴포넌트는 서버에서 동작하는 리액트 컴포넌트를 의미합니다. Next가 권장하는 라우팅 방식인 app router의 기반이 되는 컴포넌트이기 때문에 app router 를 이해하기 위해서는 server component 에...
병렬 라우팅을 이용한 Tabs 구현 · Parallel Routes 병렬 라우팅이란 하나의 레이아웃에서 여러 페이지를 동시에 렌더링하는 것입니다.(아래의 예시에서 team과 analytics, 2개의 page를 동시에 렌더링 중) Convention 슬롯(@folder)...
SSGgetStaticPropsISR 개요 현재 풀스택 프레임워크인 넥스트를 배우는 중인데, 넥스트의 가장 중요한 특징인 사전렌더링에 대해 정리해보고자 합니다. (page-router 기반으로 배우는 중입니다) 작동원리가 헷갈려서 제가 이해한 대로...
💡 이 글은 Tailwind에 대한 기초지식을 전제로 쓰인 글입니다. TailwindCSS는 html/xml 국면에서 style를 일괄적으로 트래킹할수 있게 하고, 보다 간편한 반응형 제작, 프리셋 제공 등 여러 이점이 있지만, 프로젝트의 복잡도가 증가하면서...
