#ssr

6 posts found.


웹 플랫폼 인증 흐름 개선기
architecture

웹 플랫폼 인증 흐름 개선기

브라우저 세션 복원 시 발생할 수 있는 보안 취약점을 개선하고, SSR과 CSR 환경에서 인증 로직을 강화한 과정을 다룹니다.

authssr
Next.js 15 App Router 마이그레이션 여정
react

Next.js 15 App Router 마이그레이션 여정

Express 서버와 Page Router로 구성된 레거시 프로젝트를 Next.js 15 App Router 기반으로 전환한 대규모 마이그레이션 과정을 다룹니다.

ssrmigration
HOC와 미들웨어로 구축하는 중앙집중식 오류 처리
react

HOC와 미들웨어로 구축하는 중앙집중식 오류 처리

Next.js SSR 환경에서 HOC 패턴과 미들웨어 헤더 전파를 활용하여 분산된 오류 처리를 중앙집중화하고 일관된 사용자 경험을 구현한 과정을 다룹니다.

ssrarchitecture
SCSS Mixin으로 SSR 플리커링 줄이기
vue

SCSS Mixin으로 SSR 플리커링 줄이기

JavaScript 반응형 로직을 SCSS Mixin으로 전환하여 SSR 환경의 플리커링(FOUC)을 근본적으로 해결한 과정을 다룹니다.

cssssr
서비스 프론트엔드 성능 최적화 탐구: Nuxt.js 3와 캐싱 전략의 현실
vue

서비스 프론트엔드 성능 최적화 탐구: Nuxt.js 3와 캐싱 전략의 현실

Nuxt.js 3 기반 서비스에서 SWR, Redis, In-Memory 캐싱 등 다양한 성능 최적화 전략을 탐구하고, 실제 인프라 지표를 분석하며 '지금 당장'보다 '적절한 시점'의 중요성을 도출한 결론을 정리합니다.

performancessr
React Query의 Hydrate란?
react

React Query의 Hydrate란?

Next.js SSR 환경에서 React Query(TanStack Query)의 `Hydrate`/`dehydrate`를 활용해 서버에서 미리 받아온 데이터를 클라이언트 캐시에 주입하고, 중복 API 호출을 줄이는 방법을 정리합니다.

ssrperformance