# Using SvelteKit 1.0 on Vercel – Vercel

> Clean Markdown view of GeekNews topic #8031. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=8031](https://news.hada.io/topic?id=8031)
- GeekNews Markdown: [https://news.hada.io/topic/8031.md](https://news.hada.io/topic/8031.md)
- Type: news
- Author: [ragingwind](https://news.hada.io/@ragingwind)
- Published: 2022-12-15T09:16:30+09:00
- Updated: 2022-12-15T09:16:30+09:00
- Original source: [vercel.com](https://vercel.com/blog/using-sveltekit-1-0-on-vercel)
- Points: 5
- Comments: 0

## Topic Body

- Vercel 에서 SvelteKit 1.0 을 본격적으로 지원을 시작, 오늘 SvelteKit 1.0 이 릴리즈 됨 [1]  
- SvelteKit 은 Svelte 기반의 웹앱용 프레임워크, React 기반의 Next.js 와 같음  
- SvelteKit 는 별다른 설정없이 Svelte 컴포넌트를 컴파일하고 최적화 된 웹앱을 빌드 함  
- SvelteKit 은 Svelte 에 추가로  
    - 어플리케이션 성능과 SEO 를 개선한 SSR 을 지원  
    - 손 쉬운 static site 생성 지원  
    - Typescript 지원  
    - HMR 지원  
- Svelte Features  
    - Directory-based Router: 디렉토리/파일 기반의 라우팅  
    - Layouts: `+layout.svelte` 에서 쉐어 가능한 멀티 파트 레이아웃 구현 가능  
    - The load function: `+page.js` 와 `+layout.js` 에서는 load() 를 이용해서 데이터를 가져올 수 있으며 각 `+page.svelte` 와 `+layout.svelte` 레벨에서 참조 가능  
    - Endpoints: `src/routes/api/server.js` 에서 Request/Response 처리가 가능  
    - Adapters: 여러 플러그인을 사용해서 다양한 배포 환경에 배포 할 수 있음  
  
[1]: https://twitter.com/GeekNewsBot/status/1603176017103040512

## Comments



_No public comments on this page._