태그: SSR
12편
-
Qwik 프레임워크: Resumability와 Hydration의 차이, Qwik City 라우팅·서버 액션
Qwik이 Hydration 대신 Resumability로 서버에서 직렬화한 상태를 이어받는 원리를 설명하고, useSignal·useStore 반응성, Qwik City 라우팅과 로더, server$·routeAction$ 서버 액션, React에서 옮길 때의 주의점을 예제로 다룹니다.
-
Remix 프레임워크: Loader·Action 중심 데이터 흐름과 Next.js 비교
Remix 중첩 라우트에서 loader로 데이터를 읽고 action으로 폼 제출을 처리하는 흐름을 예제로 설명합니다. 폼 검증, useFetcher를 이용한 Optimistic UI, Progressive Enhancement와 Next.js와의 차이도 다룹니다.
-
Remix & React Router v7 가이드 — 웹 표준·SSR·Progressive
React Router v7(구 Remix)에서 loader로 데이터를 읽고 action과 Form으로 변경을 처리하는 흐름을 보여줍니다. useNavigation 로딩 UI, useFetcher, ErrorBoundary, 스트리밍, 쿠키 세션, Cloudflare Pages 배포도 담았습니다.
-
Astro 5 가이드 — Content Layer·Server Islands·Sessions 새 기능과 실전
Astro 5의 Content Layer로 외부 데이터를 커스텀 Loader로 불러와 타입 안전하게 쓰는 법, Server Islands로 정적 캐시를 유지하면서 개인화 영역만 서버에서 렌더링하는 법, Actions와 Sessions 사용법을 예제로 설명합니다.
-
Remix 2로 옮기기: Vite 기반 빌드, Future Flags, Flat Routes, 타입 개선과 배포
Remix 2.0의 Vite 플러그인, Classic Compiler 종료 방향, Node 20+, Future Flags, Flat Routes, 실무 마이그레이션 절차를 다룹니다.
-
SolidStart로 풀스택 앱 만들기: 파일 라우팅, Server Functions, 데이터 페칭, 배포, Next.js 비교
SolidStart로 풀스택 SolidJS 앱을 만드는 방법. 프로젝트 구조, 파일 기반 라우팅, Server Functions, 데이터 페칭 패턴, Vercel·Netlify·Cloudflare 배포, Next.js와의 비교를 정리합니다.
-
Leptos 가이드 — Rust 풀스택 웹 프레임워크·Signals·SSR·Server Functions
Leptos 핵심 개념, Signals, 컴포넌트·Props, Server Functions, leptos_router, SSR·하이드레이션, 풀스택 앱 구축까지 다룹니다.
-
SvelteKit으로 풀스택 앱 만들기: load 함수, Form Actions, API 라우트, Hooks, 배포 어댑터
SvelteKit으로 풀스택 웹 앱을 만드는 방법. 라우팅, +page.ts와 +page.server.ts의 load 함수, Form Actions, SSR과 하이드레이션, +server.ts API 라우트, Hooks, 배포 어댑터를 예제로 정리합니다.
-
Nuxt 3로 풀스택 Vue 앱 만들기: 파일 라우팅, Composables, Server Routes, SSR·SSG·CSR
Nuxt 3로 풀스택 Vue 앱을 만드는 방법. 프로젝트 생성, 파일 기반 라우팅, Composables, Server Routes, Middleware, Layouts, 배포, SSR·SSG·CSR 렌더링 모드의 내부 동작을 정리합니다.
-
Next.js App Router 구조: 파일 규약, 서버·클라이언트 컴포넌트 경계, 캐싱, 스트리밍, 고급 라우팅
Next.js App Router 정리. Pages Router와의 차이, 파일 규약과 라우팅, 서버 컴포넌트와 클라이언트 컴포넌트 경계, 레이아웃, 데이터 페칭과 캐싱, Server Actions, Suspense 스트리밍, Parallel·Intercepting Routes를 다룹니다.
-
Next.js 15 정리: App Router 렌더링 결정, 캐싱 레이어, Server Actions, Turbopack, PPR
Next.js 15의 변경점과 App Router 구조 정리. 서버 컴포넌트, 정적·동적 렌더링이 결정되는 방식, 캐싱 레이어, Server Actions, Turbopack, Partial Prerendering, React 19 대응을 예제로 다룹니다.
-
Next.js App Router에서 SSR·SSG·ISR 선택 가이드 | 렌더링 전략과 캐싱
Next.js App Router에서 SSR·SSG·ISR을 fetch 캐시 옵션, revalidate, Route Segment Config로 어떻게 선택하는지 설명하고, 운영에서 겪은 캐시 함정과 Suspense 경계로 데이터 워터폴을 줄이는 설계를 다룹니다.