SvelteKit의 특징 Fireship 영상 요약

2022년 12월 15일, sveltkit v1.0 버전이 런칭되었어요.

이 프레임워크는 full stack framework이에요.

sveltkit은 nextjs, Remix, nuxt와 유사하며, reserved names 및 + 기호를 사용하죠.

똑똑한 라우팅 결정에 대한 논란도 있지만 프로젝트의 일관성을 유지한다 하네요.

서버 렌더링 애플리케이션에서 svelte를 사용하여 프로젝트를 클리어하고 일관되게 유지할 수 있어요..

서버 측 렌더링(SRR)은 “sveltekit”에서의 기본 설정이며 ‘hydration’ 이후 클라이언트 측 라우터가 인지해요.

“sveltekit”을 이용하면 다양한 렌더링 전략을 섞어 사용할 수 있는데, 정적 HTML을 사전 렌더링하여 Jam Stack 스타일 웹사이트를 만들 수도 있고, 클라이언트에서 모든 작업을 수행할 수 있는 클라이언트 렌더링도 가능해요.

서버 필요하지 않는 경우에도, 브라우저에서 모든 것을 수행할 수 있는 클라이언트 렌더링을 사용할 수 있거나, 멀티페이지 웹 애플리케이션처럼 서버에서 모든 것을 렌더링할 수도 기능을 제공해요.

또한, 간단한 구성 옵션으로 페이지에 가장 적합한 렌더링 전략을 선택할 수 있어서 단순하면서도 효율적이지요 !

데이터 가져오기 작업도 쉽고, 끝까지 타입 안전성(Type Security)을 제공하는 점도 있어요 ~

Svelte 스토어를 통해 현재 페이지의 모든 데이터에 액세스하고, 애플리케이션 전체에서 반응형 업데이트를 구독할 수 있죠.

Sveltkit에는 form actions가 있어 서버에서 폼 제출을 처리하는 함수를 정의할 수 있습니다.

최신 버전의 Next.js와 유사한 패턴을 갖추고 있으며 사용자 인증을 위한 라이브러리를 획득하고 있어요.