You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* lets see if this works
* fix versions
* sigh
* debugging ci is sooo fun
* oh wow
* fix stuff, changelog, add back readme
* appease prettier
* format stuff
Copy file name to clipboardExpand all lines: documentation/blog/2023-07-01-whats-new-in-svelte-july-2023.md
+10-3
Original file line number
Diff line number
Diff line change
@@ -1,21 +1,24 @@
1
1
---
2
2
title: "What's new in Svelte: July 2023"
3
-
description: "Svelte 4.0, new website and a tour around the community"
3
+
description: 'Svelte 4.0, new website and a tour around the community'
4
4
author: Dani Sandoval
5
5
authorURL: https://dreamindani.com
6
6
---
7
7
8
8
Svelte 4 is out and folks have been building! There's a bunch of new showcases, libraries and tutorials to share. So let's get right into it...
9
9
10
10
## What's new in Svelte
11
+
11
12
The big news this month was the release of Svelte 4.0! You can read all about it in the [Announcing Svelte 4 post](https://svelte.dev/blog/svelte-4). From performance fixes and developer experience improvements to [a brand new site, docs and tutorial](https://svelte.dev/blog/svelte-dev-overhaul)... this new release sets the stage for Svelte 5 with minimal breaking changes.
12
13
13
14
If you're already on Node.js 16, it's possible you won't see any breaking changes in your project. But be sure to read the [migration guide](https://svelte.dev/docs/v4-migration-guide) for all the details.
14
15
15
16
For a full list of all the changes to the Svelte compiler, including unreleased changes, check out the [CHANGELOG](https://github.com/sveltejs/svelte/blob/master/packages/svelte/CHANGELOG.md).
16
17
17
18
## What's new in SvelteKit
19
+
18
20
This month there were lots of awesome [bug fixes](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md), so be sure to upgrade to the latest version! There are also a few new features to mention:
21
+
19
22
- The new `event.isSubRequest` boolean indicates whether this is a same-origin fetch request to one of the app's own APIs during a server request (**1.21.0**, [Docs](https://kit.svelte.dev/docs/types#public-types-requestevent), [#10170](https://github.com/sveltejs/kit/pull/10170))
20
23
- A new config option, `config.kit.env.privatePrefix` will set a private prefix on environment variables. This defaults to `''` (**1.21.0**, [Docs](https://kit.svelte.dev/docs/configuration), [#9996](https://github.com/sveltejs/kit/pull/9996))
21
24
-`VERSION` is now exported and accessible via `@sveltejs/kit`. This can be used for feature detection or anything else that requires knowledge of the current version of SvelteKit (**1.21.0**, [Docs](https://kit.svelte.dev/docs/modules#sveltejs-kit-version), [#9969](https://github.com/sveltejs/kit/pull/9969))
@@ -27,6 +30,7 @@ For adapter-specific changes, check out the CHANGELOGs in each of [the `adapter`
27
30
## Community Showcase
28
31
29
32
**Apps & Sites built with Svelte**
33
+
30
34
-[Heerdle](https://github.com/DreaminDani/heerdle) is a remake of Spotify's now-defunct Heardle - the daily music guessing game
31
35
-[Meoweler](https://meoweler.com/) is a travel site filled with cats and helpful facts about popular destinations
32
36
-[A tech lead from IKEA](https://www.reddit.com/r/sveltejs/comments/13w4zg3/comment/jmaxial/?utm_source=share&utm_medium=web2x&context=3) gave a few more details on the way they build pages (and page template) using Svelte
@@ -39,10 +43,12 @@ For adapter-specific changes, check out the CHANGELOGs in each of [the `adapter`
39
43
-[YABin](https://github.com/Yureien/YABin) is Yet Another Pastebin with some very specific features
-[svelte.dev: A complete overhaul](https://svelte.dev/blog/svelte-dev-overhaul)
44
49
45
50
_Featuring Svelte Contributors and Ambassadors_
51
+
46
52
-[Dev Vlog: June 2023](https://www.youtube.com/watch?v=AOXq89h8saI) - Svelte 4.0 with Rich Harris
47
53
-[PodRocket: Svelte 4](https://podrocket.logrocket.com/svelte-4) with Geoff
48
54
-[This Dot Media: Svelte 4 Launch Party](https://www.youtube.com/watch?v=-9gy_leMmcQ) with Simon, Ben, Geoff, and Puru
@@ -60,12 +66,13 @@ _Featuring Svelte Contributors and Ambassadors_
60
66
-[Svelte Society - London June 2023](https://www.youtube.com/watch?v=EkH0aMgeIKw)
61
67
-[Using The Svelte Context API With Stores](https://www.youtube.com/watch?v=dp-7NvLDrK4), [Impossible FLIP Layout Animations With Svelte And GSAP](https://www.youtube.com/watch?v=ecP8RwpkiQw) and [Create Beautiful Presentations With Svelte](https://www.youtube.com/watch?v=67lqa5kTQkA) by Joy of Code
62
68
63
-
64
69
_To Watch_
70
+
65
71
-[Server-side filtered, paginated and sorted Table in SvelteKit](https://www.youtube.com/watch?v=VgCU0cVWgJE) by hartenfellerdev
66
72
-[Best Icon Library for Svelte and SvelteKit in 2023](https://www.youtube.com/watch?v=qJP6hC4YIhk) by SvelteRust
67
73
68
74
_To Read_
75
+
69
76
-[From Zero to Production with SvelteKit](https://www.okupter.com/events/from-zero-to-production-with-sveltekit) by Justin Ahinon
70
77
-[Thoughts on Svelte(Kit), one year and 3 billion requests later](https://claudioholanda.ch/en/blog/svelte-kit-after-3-billion-requests/) by Claudio Holanda
71
78
-[How I published a gratitude journaling app for iOS and Android using SvelteKit and Capacitor](https://khromov.se/how-i-published-a-gratitude-journaling-app-for-ios-and-android-using-sveltekit-and-capacitor/) by Stanislav Khromov
@@ -77,8 +84,8 @@ _To Read_
77
84
-[Svelte Real‑time Multiplayer Game: User Presence](https://rodneylab.com/svelte-realtime-multiplayer-game/) and [SvelteKit PostCSS Tutorial: use Future CSS Today](https://rodneylab.com/sveltekit-postcss-tutorial/) by Rodney Lab
78
85
-[SvelteKit’s World of Routing: Unleash power of your app using Dynamic Routes and Parameters](https://www.inow.dev/sveltekits-world-of-routing-unleash-power-of-your-app-using-dynamic-routes-and-parameters/) by Igor Nowosad
79
86
80
-
81
87
**Libraries, Tools & Components**
88
+
82
89
-[The Vercel AI SDK](https://vercel.com/blog/introducing-the-vercel-ai-sdk) is an interoperable, streaming-enabled, edge-ready software development kit for AI apps built with React and Svelte
83
90
-[Superforms 1.0](https://superforms.rocks/) has been released. Check out the [migration guide](https://superforms.rocks/migration) and [new feature list](https://superforms.rocks/whats-new-v1) for more details
84
91
-[Panda CSS](https://panda-css.com/docs/getting-started/svelte) is CSS-in-JS with build time generated styles, RSC compatibility and multi-variant support
Copy file name to clipboardExpand all lines: documentation/blog/2023-08-01-whats-new-in-svelte-august-2023.md
+10-7
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: "What's new in Svelte: August 2023"
3
-
description: "Extending Custom Element Classes and new +server exports"
3
+
description: 'Extending Custom Element Classes and new +server exports'
4
4
author: Dani Sandoval
5
5
authorURL: https://dreamindani.com
6
6
---
@@ -10,13 +10,15 @@ Some sweet new features have dropped in both Svelte and SvelteKit, this month. I
10
10
More on all that down below...
11
11
12
12
## What's new in Svelte & Language Tools
13
+
13
14
There's been a bunch of minor bugfixes since the Svelte 4 release. You can find them in the [CHANGELOG](https://github.com/sveltejs/svelte/blob/master/packages/svelte/CHANGELOG.md).
14
15
15
16
The **4.1.0 release** added the ability to further customize the custom element class that wraps the underlying Svelte component. Check out the [Custom Elements API docs](https://svelte.dev/docs/custom-elements-api) or the [PR](https://github.com/sveltejs/svelte/pull/8991) for more info!
16
17
17
18
In addition to supporting SvelteKit's new `HEAD` server method, Svelte's language tools now support Prettier v3 (**extensions-107.9.0**) and workspace trust settings are now used to support all settings in workspace (**extensions-107.8.0**).
18
19
19
20
## What's new in SvelteKit
21
+
20
22
- The `HEAD` server method is now available in API routes (**1.22.0**, [Docs](https://kit.svelte.dev/docs/routing#server), [#9753](https://github.com/sveltejs/kit/pull/9753))
21
23
- Responses with `Vary` headers are now cached, too (except for `Vary: *`) (**1.22.0**, [Docs](https://kit.svelte.dev/docs/routing#server-content-negotiation), [#9993](https://github.com/sveltejs/kit/pull/9993))
22
24
- There's now a more helpful error for preview if SvelteKit's build output doesn't exist (**1.22.2**, [#10337](https://github.com/sveltejs/kit/pull/10337))
@@ -28,6 +30,7 @@ For all the patches and performance updates from this month, check out the [Svel
28
30
## Community Showcase
29
31
30
32
**Apps & Sites built with Svelte**
33
+
31
34
-[GitLight](https://github.com/ColinLienard/gitlight) brings GitHub & GitLab notifications to your desktop
32
35
-[Days](https://github.com/paprikka/days) is paprikka's life in days, inspired by Buster Benson's Life in Weeks
33
36
-[Mofi](https://mofi.loud.red/) is a content-aware fill and trim for music
@@ -37,23 +40,23 @@ For all the patches and performance updates from this month, check out the [Svel
37
40
-[Maktaba](https://www.maktaba.digital/) is a bookmark manager that "you will actually use"
38
41
-[Whispering](https://github.com/braden-w/whispering-extension) is a Chrome extension that lets you access OpenAI's Whisper API for fast transcription in the browser (including ChatGPT)
39
42
-[DocuTalk](https://docutalk.co/) is an AI Customer Support chatbot for your website
40
-
-[Krello](https://github.com/iamrishupatel/trello-clone) is a Trello clone built with Svelte, Appwrite and Flowbite
43
+
-[Krello](https://github.com/iamrishupatel/trello-clone) is a Trello clone built with Svelte, Appwrite and Flowbite
41
44
-[Been](https://beeneverywhere.net/) is a map builder with travel stats like visited countries, extreme visited points, etc.
42
45
-[image-to-social-media-thumbnail](https://brody.fyi/tools/image-to-social-media-thumbnail) lets you convert any image to a social media thumbnail
43
46
-[Svelte Capacitor Store](https://github.com/sdekna/svelte-capacitor-store) is a persistent store that uses capacitor (preferences) storage on native devices, and localStorage otherwise, making it ideal for multi-platform projects
44
47
45
-
46
48
**Learning Resources**
47
49
_Featuring Svelte Contributors and Ambassadors_
50
+
48
51
-[Exploring Svelte 4 w/ Kevin AK: Performance, Compatibility, & Web Component Support | Modern Web Pod](https://www.youtube.com/watch?v=YOL0HGGVib4) by This Dot Media
49
52
-[Svelte Sirens Stream Design Systems: Lessons Learned](https://www.youtube.com/live/YHZaiIGSqsE?feature=share) featuring Eric Liu, creator of Carbon Components Svelte and the `sveld` docgen library
50
53
- This Week in Svelte:
51
54
-[2023 June 30](https://www.youtube.com/watch?v=sDz4_BLoYQ4) - Svelte 4.0.1, SK 1.21, lists, screen readers, loading
52
55
-[2023 July 7](https://www.youtube.com/watch?v=0tq1ph4DDFA) - Svelte 4.0.5, Kit 1.22.1, Svelte 5, local storage and markdown
53
56
-[2023 July 21](https://www.youtube.com/watch?v=AG4_3kon3zU) - Svelte 4.1.1, SvelteKit 1.22.3, Progressive enhancement
54
57
55
-
56
58
_To Watch/Hear_
59
+
57
60
-[What is The Transitional Web? with Chris Ferdinandi](https://www.smashingmagazine.com/2023/07/smashing-podcast-episode-63/?ref=dailydevbytes.com) by Smashing Podcast
58
61
-[SvelteKit in 100 seconds](https://www.youtube.com/watch?v=H1eEFfAkIik) by Fireship
59
62
-[Primo V2 Introduction](https://www.youtube.com/watch?v=ThInVXgxJ1Q) by Primo (a [visual CMS](https://primocms.org/) based on Svelte)
@@ -62,8 +65,8 @@ _To Watch/Hear_
62
65
-[Markdown in SvelteKit with custom Components: mdsvex](https://www.youtube.com/watch?v=VJFkyGd0FEA) by hartenfellerdev
63
66
-[How To Add Confetti for Svelte and Sveltekit 🎉](https://www.youtube.com/watch?v=gXtWSb94704) and [Make Your SvelteKit Code 10x Faster With Rust and WebAssembly](https://www.youtube.com/watch?v=Vn2bIv_J_UE) by SvelteRust
64
67
65
-
66
68
_To Read_
69
+
67
70
-[SvelteJS: My ecosystem is bigger than yours](https://hackmd.io/@roguegpu/r1RKQMdt3) by roguegpu
68
71
-[Avoid shared state on the server in SvelteKit](https://blog.aakashgoplani.in/avoid-shared-state-on-the-server-in-sveltekit) by Aakash Goplani
69
72
-[SvelteKit Fontaine: Reduce Custom Font CLS](https://rodneylab.com/sveltekit-fontaine/) by Rodney Lab
@@ -74,8 +77,8 @@ _To Read_
74
77
-[Deploying Sveltekit on IIS](https://dev.to/nnutnonn/deploying-sveltekit-on-iis--5gf6) by Nutchapon Makelai
75
78
-[Streamlined Authentication and Secrets Management](https://eman.hashnode.dev/streamlined-authentication-and-secrets-management) by Eman
76
79
77
-
78
80
**Libraries, Tools & Components**
81
+
79
82
-[Melt UI](https://github.com/melt-ui/melt-ui) is a set of headless, accessible component builders for Svelte
80
83
-[MDsveX](https://github.com/pngwn/MDsveX/releases/tag/mdsvex%400.11.0) has been updated to work with Svelte 4
81
84
-[Svelte Sonner](https://github.com/wobsoriano/svelte-sonner) is an opinionated toast component for Svelte
@@ -85,7 +88,7 @@ _To Read_
85
88
-[better-svelte-writable](https://github.com/tnthung/better-svelte-writable) provides a type-safe writable which gives you more control over the container
86
89
-[Svetch.ts](https://github.com/Bewinxed/svetch#readme) is a client/types/schema/docs generator for your API endpoints
87
90
-[sveltekit-localize-url](https://github.com/rinart73/sveltekit-localize-url) handles URL localization and routing
88
-
-[elegua](https://github.com/howesteve/elegua) is a small, reactive PWA router for Svelte
91
+
-[elegua](https://github.com/howesteve/elegua) is a small, reactive PWA router for Svelte
89
92
-[Molly](https://github.com/renefournier/molly/tree/main) is a bash script and npm module that helps you clean up unused Svelte components in your project
90
93
-[sveltekit-bot](https://github.com/begoon/sveltekit-bot) is a Telegram bot made with SvelteKit and Vercel
0 commit comments