OLD/NextJs v13

OLD/NextJs v13

[문제-해결] Suspense, Streaming 활용하기

문제 NextJs ^13을 사용중이지만, 첫 페이지에서 서버로부터 데이터를 많이 불러오고 있었지만, 그거에 대한 적절한 조치가 없어 초기 로딩이 매우 느렸음 // layout.tsx const MainLayout = async ({ children }: { children: React.ReactNode }) => { const profile = await getCurrentUser(); const games = await getGames(); const servers = await getServers(); return ( {children} ); }; // page.tsx const MainPage = async () => { const { posts } = await getPosts({}); const..

OLD/NextJs v13

[ NextJs v13 vs Remix ] 01_라우팅

주제: 같은 앱을 NextJs v13과 Remix로 각각 구현해보면서 서로의 차이점을 이해하는 프로젝트 깃허브: https://github.com/joseph0926/NextANDRemix-Expenses GitHub - joseph0926/NextANDRemix-Expenses: 하나의 프로젝트(Expenses Note)를 NextJs v13과 Remix v2로 각각 구현해 하나의 프로젝트(Expenses Note)를 NextJs v13과 Remix v2로 각각 구현해보는 프로젝트 - GitHub - joseph0926/NextANDRemix-Expenses: 하나의 프로젝트(Expenses Note)를 NextJs v13과 Remix v2로 각각 구현해보는 프로젝트 github.com 구조 & 조건 ..

OLD/NextJs v13

[ NextJs v13 ] 01_NextJs v13은 무엇이 달려졌는가

2022년 말 ~ 2023년 지금까지 React 생태계에서 가장 큰 변화를 가져온 것은 NextJs v13으로의 업데이트일것입니다. 이전 버전들의 NextJs에서의 컨셉과 비교했을 때 정말 많은 변화가 생겼으며, 이러한 변화들을 하나씩 정리하려합니다, 1. React만 사용하는 것은 더이상 권장되지 않는다. 소제목을 조금 자극적으로 작성면도 있지만, 이 소제목은 실제로 React 공식 팀원이 말한 내용입니다 왜 이런 내용을 언급했을까요? React는 2013 ~ 2014년에 나온 프레임워크로, SPA라는 개념을 이용하여 빠른 페이지 이동등 많은 이점을 선보였고 이러한 장점에 힘입어 현재까지 가장 인기있는 자바스크립트 프레임워크 자리를 차지하였습니다. 하지만, SPA를 기반으로 하는 React에는 장점만큼..

joseph0926
'OLD/NextJs v13' 카테고리의 글 목록