|
| 1 | +--- |
| 2 | +title: 'Announcing SvelteKit 2' |
| 3 | +description: 'A special SvelteKit anniversary release' |
| 4 | +author: The Svelte team |
| 5 | +authorURL: https://kit.svelte.dev/ |
| 6 | +--- |
| 7 | + |
| 8 | +Version 2.0 of [SvelteKit](https://kit.svelte.dev), the official framework for building apps with Svelte, is now available. It is an incremental release that adds support for the newly-released [Vite 5](https://vitejs.dev/blog/announcing-vite5) along with a bevy of small improvements. |
| 9 | + |
| 10 | +If you've been paying close attention to Svelte in recent months, you'll know that we've been [hard at work on Svelte 5](<(https://svelte-5-preview.vercel.app/docs/introduction)>), which is possibly the most anticipated release in the project's history. Upgrading to SvelteKit 2 will smooth the path for Svelte 5 when it is released in 2024, and we encourage all users to upgrade when you get a chance. |
| 11 | + |
| 12 | +We recommend updating to the most recent 1.x release first in order to address any deprecation warnings. Then, upgrade to SvelteKit 2 by running the automated migration tool: |
| 13 | + |
| 14 | +```bash |
| 15 | +npx svelte-migrate sveltekit-2 |
| 16 | +``` |
| 17 | + |
| 18 | +The [migration guide](https://kit.svelte.dev/docs/migrating-to-sveltekit-2) has more details about what's new. |
| 19 | + |
| 20 | +## 1 year of SvelteKit |
| 21 | + |
| 22 | +Today is the 1 year anniversary of SvelteKit’s launch and we’re excited to celebrate how far SvelteKit has come. SvelteKit has been quickly embraced by the web development community: |
| 23 | + |
| 24 | +<figure> |
| 25 | + <img alt="Screenshot of @flaviocopes tweet with a poll titled 'You have to create a web app from scratch'. SvelteKit is the winner above Next, Nuxt and Laravel with 42.1% of the vote" src="/media/framework-poll.webp"> |
| 26 | + <figcaption><a href="https://twitter.com/flaviocopes/status/1730895911864189299">Tweet from @flaviocopes</a></figcaption> |
| 27 | +</figure> |
| 28 | + |
| 29 | +<!-- <blockquote class="twitter-tweet"><p lang="en" dir="ltr">You have to create a web app from scratch. You pick:</p>— flavio (@flaviocopes) <a href="https://twitter.com/flaviocopes/status/1730895911864189299?ref_src=twsrc%5Etfw">December 2, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> --> |
| 30 | + |
| 31 | +In the past year, we’ve seen a number of open source projects like [Storybook](https://github.com/storybookjs/storybook/blob/next/code/frameworks/sveltekit/README.md), [Tailwind](https://tailwindcss.com/docs/guides/sveltekit), and [Playwright](https://playwright.dev/docs/test-components) officially support SvelteKit as well as a number of commercial entities like [Prismic](https://prismic.io/blog/svelte-sveltekit-tutorial), [Sentry](https://docs.sentry.io/platforms/javascript/guides/sveltekit/), and [InLang](https://inlang.com/m/gerre34r/library-inlang-paraglideJs). |
| 32 | + |
| 33 | +SvelteKit continues to benefit from the Svelte community, which has developed numerous great UI libraries like [Skeleton](https://www.skeleton.dev/), [shadcn-svelte](https://www.shadcn-svelte.com/), [Melt UI](https://melt-ui.com/), [Flowbite Svelte](https://flowbite-svelte.com/), [https://daisyui.com/](https://daisyui.com/), and [many more](https://sveltesociety.dev/components#design-systems). And [our first ever hackathon](https://hack.sveltesociety.dev/) saw winners from amazing Svelte projects like [Superforms](https://superforms.rocks/), [Threlte](https://threlte.xyz/), and [SvelteLab](https://www.sveltelab.dev/). |
| 34 | + |
| 35 | +Finally, we’ve also launched major supporting projects like a new Svelte DevTools ([chrome web store](https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff), [GitHub](https://github.com/sveltejs/svelte-devtools), [talk](https://www.sveltesummit.com/2023/fall/exploring-svelte-devtools)), Svelte Inspector ([docs](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/inspector.md), [talk](https://www.sveltesummit.com/2023/spring/svelte-inspector-update)), and experimental image optimization support ([docs](https://kit.svelte.dev/docs/images), [talk](https://www.sveltesummit.com/2023/fall/enhanced-img)). |
| 36 | + |
| 37 | +## Upcoming |
| 38 | + |
| 39 | +In addition to the ongoing image work, we’ll be working to improve support for Svelte 5 and internationalization in upcoming releases. The first parts of that work have already landed in SvelteKit 2, which includes improved support for prerendering URLs with optional path segments often used to specify a language. Thank you to the team from InLang who contributed this improvement. |
0 commit comments