diff --git a/apps/svelte.dev/content/blog/2020-10-01-whats-new-in-svelte-october-2020.md b/apps/svelte.dev/content/blog/2020-10-01-whats-new-in-svelte-october-2020.md index 72a032de1b..acf397c544 100644 --- a/apps/svelte.dev/content/blog/2020-10-01-whats-new-in-svelte-october-2020.md +++ b/apps/svelte.dev/content/blog/2020-10-01-whats-new-in-svelte-october-2020.md @@ -35,7 +35,8 @@ Welcome to the first edition of our "What's new in Svelte" series! We'll try to This will make sure that you can invoke dispatch only with the specified event names and its types. The Svelte for VS Code extension was also updated to deal with this new feature. It will provide strong typings for these events as well as autocompletion and hover information. -**New from Sapper!** +### New from Sapper! + Sapper 0.28.9 just came out. The highlights from it include much better support for CSP nonces, asset preload support for exported pages, and error details are now available in the `$page` store on error pages. In addition, Sapper's CSS handling has been rewritten over the course of recent releases in order to fix existing CSS handling bugs, refactor the CSS handling to occur entirely within a Rollup plugin, and remove the need internally to register CSS in the routing system. Congrats and thank you to the folks working on Sapper for all their solid work! diff --git a/apps/svelte.dev/content/blog/2020-11-01-whats-new-in-svelte-november-2020.md b/apps/svelte.dev/content/blog/2020-11-01-whats-new-in-svelte-november-2020.md index d29859a473..93ae099c7d 100644 --- a/apps/svelte.dev/content/blog/2020-11-01-whats-new-in-svelte-november-2020.md +++ b/apps/svelte.dev/content/blog/2020-11-01-whats-new-in-svelte-november-2020.md @@ -14,7 +14,7 @@ Welcome back to the "What's new in Svelte" series! This month, we're covering ne 2. Slot forwarding (released in 3.29.0) should no longer hang during compilation (**3.29.3**, [Example](https://svelte.dev/repl/29959e70103f4868a6525c0734934936?version=3.29.3)) 3. Better typings for the `get` function in `svelte/store` and on lifecycle hooks (**3.29.1**) -**What's going on in Sapper?** +### What's going on in Sapper? Sapper got some new types in its `preload` function, which will make typing easier if you are using TypeScript. See the [Sapper docs](https://sapper.svelte.dev/docs#Typing_the_function) on how to use them. There also were fixes to `preload` links in exported sites. Route layouts got a few fixes too - including ensuring CSS is applied to nested route layouts. You can also better organize your files now that extensions with multiple dots are supported. (**0.28.10**) diff --git a/apps/svelte.dev/content/blog/2020-12-01-whats-new-in-svelte-december-2020.md b/apps/svelte.dev/content/blog/2020-12-01-whats-new-in-svelte-december-2020.md index 4e0f56e449..0da3abf848 100644 --- a/apps/svelte.dev/content/blog/2020-12-01-whats-new-in-svelte-december-2020.md +++ b/apps/svelte.dev/content/blog/2020-12-01-whats-new-in-svelte-december-2020.md @@ -30,7 +30,7 @@ For all the features and bugfixes see the CHANGELOGs for [Svelte](https://github ## Community Showcase -**Apps & Sites** +### Apps & Sites - [narration.studio](https://narration.studio/) (Chrome Only) is an automatic in-browser audio recording & editing platform for voice over narration. - [Vippet](https://vippet.netlify.app/) is a video recording and editing tool for the browser. @@ -40,21 +40,21 @@ For all the features and bugfixes see the CHANGELOGs for [Svelte](https://github - [sentence-length](https://sentence-length.netlify.app/) is a learning and analysis tool to show how some authors play with different lengths, while others stick with one. - [svelte-presenter](https://github.com/stephane-vanraes/svelte-presenter) lets you quickly make good looking presentations using Svelte and mdsvex. -**Demos** +### Demos - [u/loopcake got SSR working in Java Spring Boot](https://www.reddit.com/r/sveltejs/comments/jkh5up/svelte_ssr_but_its_java_spring_boot_and_its_native/) for all the Java shops out there looking to render Svelte server-side. - [svelte-liquid-swipe](https://github.com/tncrazvan/svelte-liquid-swipe) shows off a fancy interaction pattern using svg paths. - [Crossfade Link Animation](https://svelte.dev/repl/7f68e148caf04b2787bb6f296208f870?version=3.29.7) demonstrates how to animate between navigation links using a crossfade (made by Blu, from the Discord community) - [Clip-Path Transitions](https://svelte.dev/repl/b5ad281ae8024b629b545c70c9e8764d?version=3.29.7) showcases how to use clip paths and custom transitions to create magical in-and-out transitions (made by Faber, from the Discord community) -**Learning Resources** +### Learning Resources - [lihautan](https://www.youtube.com/channel/UCbmC3HP3FaAFdcZkui8YoMQ/featured) has been making easy-to-follow videos to share his in-depth knowledge of Svelte. - [Lessons From Building a Static Site Generator](https://nicholasreese.com/lessons-from-building-a-static-site-generator/) shares the backstory and thinking behind Elder.js - and the design decision made along the way. - [Svelte Tutorial and Projects Course ](https://www.udemy.com/course/svelte-tutorial-and-projects-course/) is a udemy course by John Smilga where students learn Svelte.js by building interesting projects. - [Building Pastebin on IPFS - with FastAPI, Svelte, and IPFS](https://amalshaji.wtf/building-pastebin-on-ipfs-with-fastapi-svelte-and-ipfs) explains how to make a distributed pastebin-like application. -**Components, Libraries & Tools** +### Components, Libraries & Tools - [svelte-crossword](https://russellgoldenberg.github.io/svelte-crossword/) is a customizable crossword puzzle component for Svelte. - [svelte-cloudinary](https://github.com/cupcakearmy/svelte-cloudinary) makes it easy to integrate Cloudinary with Svelte (including TypeScript and SSR support) diff --git a/apps/svelte.dev/content/blog/2021-01-01-whats-new-in-svelte-january-2021.md b/apps/svelte.dev/content/blog/2021-01-01-whats-new-in-svelte-january-2021.md index 8e49238b28..32b6da1e26 100644 --- a/apps/svelte.dev/content/blog/2021-01-01-whats-new-in-svelte-january-2021.md +++ b/apps/svelte.dev/content/blog/2021-01-01-whats-new-in-svelte-january-2021.md @@ -31,7 +31,7 @@ As cautioned in _[What's the deal with SvelteKit?](https://svelte.dev/blog/whats ## Community Showcase -**Apps & Sites** +### Apps & Sites - [manitu.me](https://manitu.me/) is a background sound / pomodoro timer for focus and relaxation - [Answer Socrates](https://answersocrates.com/) helps you find trending questions on the internet so that you can write the most relevant blog post, tweet, or billboard @@ -45,7 +45,7 @@ As cautioned in _[What's the deal with SvelteKit?](https://svelte.dev/blog/whats - [Infinite Walking Bass Generator 2](https://github.com/elialbert/infinitewalkingbass2) is an online music player that generates a unique walking bass line - [ListenAddict](https://www.listenaddict.com/) is a site that notifies you whenever a person has a new talk/interview on podcast -**Demos, Libraries & Components** +### Demos, Libraries & Components - [svelte-tiny-virtual-list](https://github.com/Skayo/svelte-tiny-virtual-list) speeds up long lists by only rendering visible items - [svelte-query](https://github.com/TanStack/svelte-query) is a collection of helpful hooks for managing, caching and syncing asynchronous and remote data @@ -59,7 +59,7 @@ As cautioned in _[What's the deal with SvelteKit?](https://svelte.dev/blog/whats **Have a component you'd like to share?** [Submit your own component](https://sveltesociety.dev/help/submitting?type=package) to the list of [packages](https://sveltesociety.dev/packages) on the Svelte Society site. -**Learning Resources** +### Learning Resources - [Using Svelte to create a scroll video effect](https://blog.koenvangilst.nl/tutorial-svelte-scroll-video/) showcases how the `bind` command can be used to create a cool scroll video effect with very little code - [How to make a flappybird game in svelte and typescript](https://www.youtube.com/watch?v=nhrYBoVI8pQ) is a video tutorial including docs and code for reference @@ -73,7 +73,7 @@ As cautioned in _[What's the deal with SvelteKit?](https://svelte.dev/blog/whats - [Using Apollo Client in Sapper](https://bjornlu.com/blog/using-apollo-client-in-sapper/) explains the "simplest" solutions to integrate the Apollo query client into Sapper - [Reactive web apps with Crystal + Svelte](https://www.youtube.com/watch?v=i1xjLd6z7BU) explores how to build full-stack, server-rendered Svelte apps with a [Crystal](https://crystal-lang.org) backend -**Related Projects** +### Related Projects - [Snowpack's v3 release candidate](https://www.snowpack.dev/posts/2020-12-03-snowpack-3-release-candidate) is out now in preparation for a January 6 release date. Check out the [Getting Started with Svelte](https://www.snowpack.dev/tutorials/svelte) for more info on how to use Snowpack. - [Uppy](https://uppy.io/blog/2020/12/1.24/), the open source file uploader, announced Svelte support in its new version 1.24 diff --git a/apps/svelte.dev/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md b/apps/svelte.dev/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md index 613d4a9466..3b8dd1d6c5 100644 --- a/apps/svelte.dev/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md +++ b/apps/svelte.dev/content/blog/2021-02-01-whats-new-in-svelte-february-2021.md @@ -40,14 +40,14 @@ New changes to the Svelte Society website include [a new cheat sheet](https://sv ## Community Showcase -**Apps & Sites** +### Apps & Sites - [The official German vaccination dashboard](https://impfdashboard.de/) tracks the current COVID vaccine rollout and features some well-done dataviz. - [La neuva era de la educatión conectada](https://elfuturoesapasionante.vodafone.es/especiales/educacion-conectada/) is a Vodaphone site that highlights the ways that technology and COVID-19 has changed the education landscape - [sho.rest](https://github.com/Melonai/shorest) is a self-hostable url shortener - [night.fm](https://night.fm/) is a cyberpunk-themed radio station -**Demos, Libraries & Components** +### Demos, Libraries & Components - [Svelte Reactive Debugger](https://addons.mozilla.org/en-US/firefox/addon/svelte-reactive-debugger/) is a way to monitor Svelte reactive statements in Firefox devtools - [svelte-actions](https://github.com/sw-yx/svelte-actions) is a set of prototype Svelte actions for inclusion into official actions in future. [See RFC](https://github.com/sveltejs/rfcs/pull/24) and [Discuss High Level Policy](https://github.com/sw-yx/svelte-actions/issues/7). @@ -59,7 +59,7 @@ New changes to the Svelte Society website include [a new cheat sheet](https://sv - [svelte-video-player](https://github.com/meigo/svelte-video-player) is a customizable `VideoPlayer` component - [svelte-readonly](https://github.com/Crisfole/svelte-readonly) is a very small store that exposes only a readable interface. -**New Integrations & Starters** +### New Integrations & Starters - [svelte-derver-starter](https://github.com/AlexxNB/svelte-derver-starter) is a starter for baking fullstack application with the client based on Svelte and server side powered by Derver. - [eleventy-plugin-embed-svelte](https://github.com/shalomscott/eleventy-plugin-embed-svelte) makes it easy to embed Svelte components into an 11ty site. @@ -73,7 +73,7 @@ New changes to the Svelte Society website include [a new cheat sheet](https://sv **Want to share your Svelte Component with the world?** [Submit your own component](https://sveltesociety.dev/help/submitting?type=package) to the list of [packages](https://sveltesociety.dev/packages) on the Svelte Society site. -**Learning Resources** +### Learning Resources - [lihautan's Svelte Actions Playlist](https://www.youtube.com/watch?v=ciaMT_MswzE&list=PLoKaNN3BjQX3Gl14MBygFf8buPIw9pAeK) teaches how actions work and how they can help solve common problems when developing Svelte applications - [One-click Portfolio/Personal blog generator from dev.to API ](https://dev.to/shriji/one-click-portfolio-personal-blog-generator-from-dev-to-api-3apb) walks through creating a Sapper site that also fetches your articles from DEV.to using the API diff --git a/apps/svelte.dev/content/blog/2021-03-01-whats-new-in-svelte-march-2021.md b/apps/svelte.dev/content/blog/2021-03-01-whats-new-in-svelte-march-2021.md index 04401a163d..ef270dab5a 100644 --- a/apps/svelte.dev/content/blog/2021-03-01-whats-new-in-svelte-march-2021.md +++ b/apps/svelte.dev/content/blog/2021-03-01-whats-new-in-svelte-march-2021.md @@ -42,7 +42,7 @@ Haven't tried the language-tools yet? Check out [Svelte Extension for VSCode](ht ## Community Showcase -**Apps & Sites** +### Apps & Sites - [Tracking the Coronavirus](https://www.nytimes.com/interactive/2021/us/new-york-city-new-york-covid-cases.html) from NYTimes is an example of SvelteKit in production - [Budibase](https://github.com/Budibase/budibase) is an open-source low-code platform, helping developers and IT professionals build, automate, and ship internal tools 50x faster on their own infrastructure. @@ -61,7 +61,7 @@ Haven't tried the language-tools yet? Check out [Svelte Extension for VSCode](ht - [weatherify](https://brdtheo-weatherify.netlify.app/) is a very pretty (and [open source](https://github.com/brdtheo/weatherify)) weather app - [DSN Live](https://dsn-live.netlify.app/#/) lets you monitor connections between NASA/JPL and interplanetary spacecraft missions in real time. -**Demos, Libraries, Tools & Components** +### Demos, Libraries, Tools & Components - [spc](https://github.com/khang-nd/spc) is a special characters picker component for the web - [svelte-injector](https://www.npmjs.com/package/svelte-injector) lets you inject Svelte components in React, Angular, Vue, jQuery, Vanilla JS. @@ -84,7 +84,7 @@ Haven't tried the language-tools yet? Check out [Svelte Extension for VSCode](ht **Have your own Svelte Component to share?** [Submit your own component](https://sveltesociety.dev/help/submitting?type=package) to the list of [packages](https://sveltesociety.dev/packages) on the Svelte Society site. -**Learning Resources & Starters** +### Learning Resources & Starters - [The **unofficial** SvelteKit docs](https://sk-incognito.vercel.app/learn/what-is-sveltekit) were built using SvelteKit and are [open for contributions](https://github.com/GrygrFlzr/kit-docs) - [📦 Svelte Store](https://www.youtube.com/playlist?list=PLoKaNN3BjQX3fG-XOSwsPHtnV8FUY6lgK) course by lihautan covers the basics of Svelte Stores and best practices. diff --git a/apps/svelte.dev/content/blog/2021-04-01-whats-new-in-svelte-april-2021.md b/apps/svelte.dev/content/blog/2021-04-01-whats-new-in-svelte-april-2021.md index ce94c65106..c6d9b044d5 100644 --- a/apps/svelte.dev/content/blog/2021-04-01-whats-new-in-svelte-april-2021.md +++ b/apps/svelte.dev/content/blog/2021-04-01-whats-new-in-svelte-april-2021.md @@ -24,7 +24,7 @@ Want to learn more about how to get started, what's different compared to Sapper ## Community Showcase -**Apps & Sites** +### Apps & Sites - [Nagato](https://nagato.app/) is a task management tool that connects popular time tracking and to-do tools all in one place. - [type-kana](https://type-kana.cass.moe/setup) is a quiz app to help you learn ひらがな (hiragana) and カタカナ (katakana), the Japanese syllabaries. @@ -34,7 +34,7 @@ Want to learn more about how to get started, what's different compared to Sapper - [Svelte Game of Life](https://github.com/alanrsoares/svelte-game-of-life) is an educational implementation of Conway's Game of Life in TypeScript + Svelte - [foxql](https://github.com/foxql) is a peer to peer full text search engine that runs on your browser. -**Demos, Libraries, Tools & Components** +### Demos, Libraries, Tools & Components - [svelte-nodegui](https://github.com/nodegui/svelte-nodegui) is a way to build performant, native and cross-platform desktop applications with Node.js and Svelte - [Svelte Story Format](https://www.npmjs.com/package/@storybook/addon-svelte-csf) allows you to write your "stories" in Storybook using the Svelte syntax. More info in the [Storybook blog](https://storybook.js.org/blog/storybook-for-svelte/) @@ -47,7 +47,7 @@ Want to learn more about how to get started, what's different compared to Sapper **Want to contribute your own component?** [Submit your own component](https://sveltesociety.dev/help/submitting?type=package) to the list of [packages](https://sveltesociety.dev/packages) on the Svelte Society site. -**Starters** +### Starters - [sveltekit-electron](https://github.com/FractalHQ/sveltekit-electron) is a starter kit for Electron using SvelteKit - [sveltekit-tailwindcss-external-api](https://github.com/acidlake/sveltekit-tailwindcss-external-api) is everything you need to build a Svelte project with TailwindCSS and an external API, powered by create-svelte. @@ -55,7 +55,7 @@ Want to learn more about how to get started, what's different compared to Sapper **Looking for a particular starter?** Check out [svelte-adders](https://github.com/svelte-add/svelte-adders) and a number of other template examples at the community site [sveltesociety.dev](https://sveltesociety.dev/templates) -**Learning Resources** +### Learning Resources - [How to Build a Website with Svelte and SvelteKit](https://prismic.io/blog/svelte-sveltekit-tutorial) is a step-by-step tutorial walking through the new SvelteKit setup. - [A Svelte store for prefers-reduced-motion](https://geoffrich.net/posts/svelte-prefers-reduced-motion-store/) demonstrates how to make a custom Svelte store whose value will indicate whether the user has requested reduced motion and improve accessibility. diff --git a/apps/svelte.dev/content/blog/2021-05-01-whats-new-in-svelte-may-2021.md b/apps/svelte.dev/content/blog/2021-05-01-whats-new-in-svelte-may-2021.md index 94fcce7042..c06ccdd1a1 100644 --- a/apps/svelte.dev/content/blog/2021-05-01-whats-new-in-svelte-may-2021.md +++ b/apps/svelte.dev/content/blog/2021-05-01-whats-new-in-svelte-may-2021.md @@ -31,7 +31,7 @@ Last week, Svelte Summit blew us away with a mountain of content! [Check out the ## Community Showcase -**Apps & Sites** +### Apps & Sites - [gitpod.io](https://github.com/gitpod-io/website) recently rewrote its site with SvelteKit - [highlight eel](https://highlighteel.com/) is a web-based editor to mark your favorite parts of any YouTube video to clip and share with anyone @@ -42,7 +42,7 @@ Last week, Svelte Summit blew us away with a mountain of content! [Check out the - [Frog Safety](https://frog-safety.vercel.app/) is a guide for African Dwarf Frogs and the API freshwater master kit - [Stardew Valley Character Preview](https://github.com/overscore-media/stardew-valley-character-preview) loads your character's attributes from your Stardew Valley savefile and lets you play around with different outfits, colours, and accessories. -**Demos, Libraries, Tools & Components** +### Demos, Libraries, Tools & Components - [svelte-parallax](https://github.com/kindoflew/svelte-parallax) is a spring-based parallax component for Svelte - [@svelte-plugins/viewable](https://github.com/svelte-plugins/viewable) is a simple rule-based approach to tracking element viewability. @@ -51,7 +51,7 @@ Last week, Svelte Summit blew us away with a mountain of content! [Check out the **Want to contribute your own component?** [Submit your own component](https://sveltesociety.dev/help/submitting?type=package) to the list of [packages](https://sveltesociety.dev/packages) on the Svelte Society site. -**Starters** +### Starters - [How to use Vercel Analytics with SvelteKit](https://ivoberger.com/posts/using-vercel-analytics-with-svelte-kit) teaches how to track Web Vitals across your users' devices - [Asp.NETCore + Svelte + Vite](https://github.com/Kiho/aspcore-spa-cli/tree/master/samples/SviteSample) connects the three frameworks with SpaCliMiddleware (VS2019) @@ -61,7 +61,7 @@ Last week, Svelte Summit blew us away with a mountain of content! [Check out the **Looking for a starter or integration?** Check out [svelte-adders](https://github.com/svelte-add/svelte-adders) and a number of other template examples at the community site [sveltesociety.dev](https://sveltesociety.dev/templates) -**Learning Resources** +### Learning Resources - [Amazing macOS Dock animation in Svelte](https://dev.to/puruvj/amazing-macos-dock-animation-in-svelte-5hfb) demonstrates how nice Svelte and popmotion look together - [Solving the Tower of Hanoi with recursive Svelte templates](https://geoffrich.net/posts/svelte-tower-of-hanoi/) incorporates the `` element into a common computer science problem diff --git a/apps/svelte.dev/content/blog/2021-06-01-whats-new-in-svelte-june-2021.md b/apps/svelte.dev/content/blog/2021-06-01-whats-new-in-svelte-june-2021.md index 76e56dd07a..1e28c5a048 100644 --- a/apps/svelte.dev/content/blog/2021-06-01-whats-new-in-svelte-june-2021.md +++ b/apps/svelte.dev/content/blog/2021-06-01-whats-new-in-svelte-june-2021.md @@ -37,7 +37,7 @@ This month, we saw lots of contributions to SvelteKit and its docs. The language ## Community Showcase -**Apps & Sites** +### Apps & Sites - [vidu](https://github.com/pa-nic/vidu) is a minimal web analytics collector and dashboard - [River Runner](https://river-runner.samlearner.com/) is a virtual way to follow rivers downstream - built with Mapbox and Svelte. @@ -47,7 +47,7 @@ This month, we saw lots of contributions to SvelteKit and its docs. The language - [Greedy Goblin](https://greedygoblin-fe11c.web.app/) is a recipe app for old-school Runescape players. - [hashbrown.geopjr.dev](https://hashbrown.geopjr.dev/) is a GNOME-shell inspired webpage to learn about, explore the source code and download the Hashbrown GTK app ([link to source](https://github.com/GeopJr/Hashbrown/tree/website)). -**Libraries, Tools & Components** +### Libraries, Tools & Components - [svelte-image-crop](https://novacbn.github.io/svelte-image-crop/) is a simple click'n'drag image cropping library using Web APIs. - [svelte-datepicker](https://github.com/andrew-secret/svelte-datepicker) is a lightweight and inclusive date picker build with Svelte. diff --git a/apps/svelte.dev/content/blog/2021-07-01-whats-new-in-svelte-july-2021.md b/apps/svelte.dev/content/blog/2021-07-01-whats-new-in-svelte-july-2021.md index 023028f0f8..8a3668a40b 100644 --- a/apps/svelte.dev/content/blog/2021-07-01-whats-new-in-svelte-july-2021.md +++ b/apps/svelte.dev/content/blog/2021-07-01-whats-new-in-svelte-july-2021.md @@ -30,13 +30,13 @@ As the northern hemisphere heats up, Svelte has stayed cool with lots of perform ## Community Showcase -**Apps & Sites** +### Apps & Sites - [SvelteThemes](https://sveltethemes.dev/) is a curated list of Svelte themes and templates built using svelte, sveltekit, elderjs, routify etc. - [Beatbump](https://github.com/snuffyDev/Beatbump) is an alternative frontend for YouTube Music created using Svelte/SvelteKit. - [Sveltuir](https://github.com/webspaceadam/sveltuir) is an app help you memorize the guitar fretboard -**Educational Content** +### Educational Content - [Svelte Radio: A Jolly Good Svelte Summer](https://share.transistor.fm/s/60880542) is a conversation about what's new in Svelte and a celebration of Svelte Radio's 1-year anniversary - [Class properties in Svelte](https://navillus.dev/blog/svelte-class-props) is a refresher on the power of `class` for developers switching over to Svelte from React @@ -48,7 +48,7 @@ As the northern hemisphere heats up, Svelte has stayed cool with lots of perform - [Render Katex with Svelte from zero to hero](https://www.youtube.com/watch?v=euowJs9CblA) demonstrates how to implement Katex in a Svelte project - [Using Custom Elements in Svelte](https://css-tricks.com/using-custom-elements-in-svelte/) shows some of the quirks to look out for when using custom elements in a Svelte site -**Libraries, Tools & Components** +### Libraries, Tools & Components - [svelte-pipeline](https://github.com/novacbn/svelte-pipeline) provides custom JavaScript contexts and the Svelte Compiler as Svelte Stores, for REPLs, Editors, etc. - [Sveltotron](https://github.com/Salemmous/sveltotron) is an Electron-based app made to inspect your Svelte app diff --git a/apps/svelte.dev/content/blog/2021-08-01-whats-new-in-svelte-august-2021.md b/apps/svelte.dev/content/blog/2021-08-01-whats-new-in-svelte-august-2021.md index f660a43bfa..c2e9452a1b 100644 --- a/apps/svelte.dev/content/blog/2021-08-01-whats-new-in-svelte-august-2021.md +++ b/apps/svelte.dev/content/blog/2021-08-01-whats-new-in-svelte-august-2021.md @@ -41,7 +41,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git ## Community Showcase -**Apps & Sites** +### Apps & Sites - [Parsnip](https://www.parsnip.ai/) is a mobile-first, progressive-web-app that helps you to learn to cook at home. Check out the [conversation on Reddit](https://www.reddit.com/r/sveltejs/comments/oearb9/learning_to_cook_at_home_with_parsnip_built/) for all the geeky details. - [Central Bank Digital Currency (CBDC) tracker](https://www.atlanticcouncil.org/cbdctracker/) is a site that keeps track of how countries around the world are adopting digital currencies. @@ -50,7 +50,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git **Looking for a Svelte project to work on? Interested in helping make Svelte's presence on the web better?** Check out [the list of open issues](https://github.com/svelte-society/sveltesociety-2021/issues) if you'd like to contribute to the Svelte Society rewrite in SvelteKit. -**Educational Content** +### Educational Content - [How I Built a Cross-Platform Desktop Application with Svelte, Redis, and Rust](https://css-tricks.com/how-i-built-a-cross-platform-desktop-application-with-svelte-redis-and-rust/) is a blog post by Luke Edwards, Svelte maintainer and Developer Advocate from Cloudflare. - [How to Create a Blog with SvelteKit and Strapi](https://strapi.io/blog/how-to-create-a-blog-with-svelte-kit-strapi) is a step-by-step tutorial by Aarnav Pai from Strapi @@ -59,7 +59,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git - [learn / graphql / svelte](https://hasura.io/learn/graphql/svelte-apollo/introduction/) is a free 2-hour GraphQL course from Hasura. - [How to add Magic Link to a SvelteKit application](https://magic.link/posts/magic-svelte) is a guide to the popular password-less login pattern. -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Svelte-Capacitor](https://github.com/drannex42/svelte-capacitor/) just released v2.0.0 - making it even easier to build hybrid mobile apps for iOS and Android using Svelte and Capacitor with near native performance. - [svelte-remixicon](https://github.com/ABarnob/svelte-remixicon) is an icon library for Svelte based on Remix Icon, consisting of more than 2000 icons. diff --git a/apps/svelte.dev/content/blog/2021-09-01-whats-new-in-svelte-september-2021.md b/apps/svelte.dev/content/blog/2021-09-01-whats-new-in-svelte-september-2021.md index 3ed0545c27..59fe081fe5 100644 --- a/apps/svelte.dev/content/blog/2021-09-01-whats-new-in-svelte-september-2021.md +++ b/apps/svelte.dev/content/blog/2021-09-01-whats-new-in-svelte-september-2021.md @@ -39,7 +39,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git ## Community Showcase -**Apps & Sites** +### Apps & Sites - [macos-web](https://github.com/PuruVJ/macos-web) by @puruvjdev has been rebuilt with Svelte from the ground up. Check out all the details in this [Twitter thread](https://twitter.com/puruvjdev/status/1426267327687847939) - [Brave Search](https://search.brave.com/) is using Svelte @@ -54,7 +54,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git **Looking for a Svelte project to work on? Interested in helping make Svelte's presence on the web better?** Check out [the list of open issues](https://github.com/svelte-society/sveltesociety-2021/issues) if you'd like to contribute to the Svelte Society rewrite in SvelteKit. -**Educational Content** +### Educational Content - [Tauri with Standard Svelte or SvelteKit](https://medium.com/@cazanator/tauri-with-standard-svelte-or-sveltekit-ad7f103c37e7) walks through how to setup Svelte with Tauri, a new light-weight framework for developing cross-platform hybrid desktop applications - [Svelte - Web App Development Reimagined [An Intro to Svelte]](https://www.youtube.com/watch?v=4CGzFwHoD0A&list=PLEx5khR4g7PKSASVAXXiAhkyx02_OeruP) is a great intro talk from the goto; conference @@ -62,7 +62,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git - [State Management in Svelte Applications](https://auth0.com/blog/state-management-in-svelte-applications/) is a tutorial on how to use the Svelte state management store to manage state in Svelte applications - [Migrating from Sapper to SvelteKit](https://shipbit.de/blog/migrating-from-sapper-to-svelte-kit/) is a review and retrospective of ShipBit's migration from Sapper -**Libraries, Tools & Components** +### Libraries, Tools & Components - [svelte-stripe-js](https://github.com/joshnuss/svelte-stripe-js) is everything you need to add Stripe to your Svelte project. 100% SvelteKit compatible - [svelte-steps](https://github.com/shaozi/svelte-steps) is a customizable step component written in Svelte diff --git a/apps/svelte.dev/content/blog/2021-10-01-whats-new-in-svelte-october-2021.md b/apps/svelte.dev/content/blog/2021-10-01-whats-new-in-svelte-october-2021.md index 05d80147ba..fca0eee320 100644 --- a/apps/svelte.dev/content/blog/2021-10-01-whats-new-in-svelte-october-2021.md +++ b/apps/svelte.dev/content/blog/2021-10-01-whats-new-in-svelte-october-2021.md @@ -45,7 +45,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git ## Community Showcase -**Apps & Sites** +### Apps & Sites - [radiofrance](https://www.radiofrance.fr/) just migrated their website to SvelteKit - [FLAYKS](https://flayks.com/) is the portfolio site for Félix Péault made with SvelteKit, Sanity, and Anime.js @@ -56,7 +56,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git **Looking for a Svelte project to work on? Interested in helping make Svelte's presence on the web better?** Check out [the list of open issues](https://github.com/svelte-society/sveltesociety-2021/issues) if you'd like to contribute to the Svelte Society rewrite in SvelteKit. -**Podcasts Featuring Svelte** +### Podcasts Featuring Svelte - [Syntax Podcast: From React to SvelteKit](https://podcasts.apple.com/us/podcast/from-react-to-sveltekit/id1253186678?i=1000536276106) Scott talks with Wes about moving Level Up Tutorials from React to SvelteKit — why he did it, how, benefits, things to watch out for, and more! - [Web Rush Podcast: Svelte Tools and Svelte Society](https://www.webrush.io/episodes/episode-150-svelte-tools-and-svelte-society) Kevin Åberg Kultalahti talks about what Svelte Society is, what he's excited about with Svelte, how important documentation is to any product, and much _much_ more @@ -65,7 +65,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git - [Svelte Radio: Routify 3 with Jake and Willow](https://share.transistor.fm/s/10aa305c) the Svelte Radio crew sits down with the maintainers of Routify and discusses the just-released Routify 3 - [JS Party: 1Password](https://twitter.com/geoffrich_/status/1441816829853253640?s=20) mentioned on the latest episode of The Changelog's JS Party that they use Svelte to power their in-page suggestions -**Educational Content** +### Educational Content - [How I built a blog with Svelte and SvelteKit](https://fantinel.dev/blog-development-sveltekit/) is an introduction to Svelte, SvelteKit and Progressive Enhancement with code examples - [I built a decentralized chat dapp](https://www.youtube.com/watch?v=J5x3OMXjgMc) is a tutorial on how to use popular web3 technologies like GUN to build a decentralized web app (dapp) @@ -74,7 +74,7 @@ To see all updates to SvelteKit, check out the [SvelteKit changelog](https://git - [SvelteKit Hooks](https://www.youtube.com/watch?v=RarufLoEL08) shows how to use hooks.js in Sveltekit.. When you're done, check out [Part 2](https://www.youtube.com/watch?v=RmIBG3G0-VY) - [An early look at SvelteKit](https://www.infoworld.com/article/3630395/an-early-look-at-sveltekit.html) is a post from Infoworld walking through the features and onboarding of SvelteKit -**Libraries, Tools & Components** +### Libraries, Tools & Components - [sveltekit-netlify-cms](https://github.com/buhrmi/sveltekit-netlify-cms) is a SvelteKit skeleton app configured for use with Netlify CMS - [SvelteFireTS](https://github.com/jacobbowdoin/sveltefirets) is a SvelteKit + TypeScript + Firebase library inspired by Fireship.io diff --git a/apps/svelte.dev/content/blog/2021-11-01-whats-new-in-svelte-november-2021.md b/apps/svelte.dev/content/blog/2021-11-01-whats-new-in-svelte-november-2021.md index 3a54515295..c5381b1931 100644 --- a/apps/svelte.dev/content/blog/2021-11-01-whats-new-in-svelte-november-2021.md +++ b/apps/svelte.dev/content/blog/2021-11-01-whats-new-in-svelte-november-2021.md @@ -27,7 +27,7 @@ To see all updates to Svelte and SvelteKit, check out the [Svelte](https://githu ## Community Showcase -**Apps & Sites** +### Apps & Sites - [Tangent](http://tangentnotes.com/) is a clean and powerful notes app for Mac & Windows - [The Pudding](https://pudding.cool/) is a digital publication that explains ideas debated in culture with visual essays - rebuilt in SvelteKit @@ -43,7 +43,7 @@ To see all updates to Svelte and SvelteKit, check out the [Svelte](https://githu - [Helvetikon](https://github.com/noahsalvi/helvetikon) is a community maintained dictionary for the Swiss German language - [Palitra App](https://palitra.app/) is a search-based color palette generator -**Podcasts Featuring Svelte** +### Podcasts Featuring Svelte - [Svelte Radio](https://www.svelteradio.com/episodes/svelte-summit-is-coming-up-and-svelte-is-growing) dives into the tech behind the recently released Svelte Summit website and a bunch of other fun stuff! - [PodRocket](https://podrocket.logrocket.com/rich-harris), LogRocket's podcast, talks Svelte with Rich Harris @@ -51,7 +51,7 @@ To see all updates to Svelte and SvelteKit, check out the [Svelte](https://githu - [Web Rush](https://webrush.io/episodes/episode-153-single-page-application-vs-multi-page-application-with-rich-harris) and Rich Harris talk about the differences between a SPA and MPA, what role the server rendering plays, what client side hydration is, and the state of modern tooling for developing an SPA or MPA - [devtools.fm](https://devtools.fm/episode/15) talks with Rich Harris about developing engaging data visualizations and building the tools of tomorrow -**Educational Content** +### Educational Content - [Have Single-Page Apps Ruined the Web?](https://www.youtube.com/watch?v=860d8usGC0o) Rich Harris answers the controversial question at this year's Jamstack Conf - [Svelte vs SvelteKit - What's The Difference?](https://www.youtube.com/watch?v=IKhtnhQKjxQ) LevelUpTuts provides a quick guide to explaining the relationship between the two projects. You can check out the rest of Scott Tolinski's guides to Svelte in his new series, ["Weekly Svelte"](https://www.youtube.com/playlist?list=PLLnpHn493BHF-Onm1MQgKC1psvW-rJuYi) @@ -62,7 +62,7 @@ To see all updates to Svelte and SvelteKit, check out the [Svelte](https://githu - [Svelte Snacks | Custom Events for Modal Actions](https://jeremydayslice.hashnode.dev/svelte-snacks-or-custom-events-for-modal-actions) walks through a solid implementation of Svelte's handy custom event system - [What Svelte's accessibility warnings won't tell you](https://geoffrich.net/posts/svelte-a11y-limits/) explains how Svelte's a11y warnings work and why you shouldn't count on them to make your app accessible -**Libraries, Tools & Components** +### Libraries, Tools & Components - [svelte-adapter-azure-swa](https://github.com/geoffrich/svelte-adapter-azure-swa) is an adapter for Svelte apps that creates an Azure Static Web App, using an Azure function for dynamic server rendering - [Inlang](https://docs.inlang.dev/getting-started/svelte-kit) is a localization and internationalization toolkit that now supports SvelteKit diff --git a/apps/svelte.dev/content/blog/2021-12-01-whats-new-in-svelte-december-2021.md b/apps/svelte.dev/content/blog/2021-12-01-whats-new-in-svelte-december-2021.md index 1f70a7c7e7..20571dd5eb 100644 --- a/apps/svelte.dev/content/blog/2021-12-01-whats-new-in-svelte-december-2021.md +++ b/apps/svelte.dev/content/blog/2021-12-01-whats-new-in-svelte-december-2021.md @@ -42,7 +42,7 @@ If you have feedback on the Svelte Summit, Kev is [looking for feedback on the S ## Community Showcase -**Apps & Sites** +### Apps & Sites - [pixeldrain](https://github.com/Fornaxian/pixeldrain_web) is a free-to-use file sharing platform - [LifeHash](http://lifehash.info/) generates beautiful visual hashes from Blockchain Commons @@ -56,7 +56,7 @@ If you have feedback on the Svelte Summit, Kev is [looking for feedback on the S **Looking for a Svelte project to work on? Interested in helping make Svelte's presence on the web better?** Check out [the list of open issues](https://github.com/svelte-society/sveltesociety-2021/issues) if you'd like to contribute to the Svelte Society rewrite in SvelteKit. -**Videos, Blogs and Podcasts** +### Videos, Blogs and Podcasts - [How To Make and Publish a Svelte Library](https://www.youtube.com/watch?v=_TymiadmPrc) - [SvelteKit is now fully supported in WebContainers](https://blog.stackblitz.com/posts/sveltekit-supported-in-webcontainers/) @@ -71,7 +71,7 @@ If you have feedback on the Svelte Summit, Kev is [looking for feedback on the S - [Web Rush: Svelte and Elder.js with Nick Reese](https://webrush.io/episodes/episode-158-svelte-and-elderjs-with-nick-reese) - [Building SvelteKit applications with Serverless Redis](https://blog.upstash.com/svelte-with-serverless-redis) -**Libraries, Tools & Components** +### Libraries, Tools & Components - [svelte-cubed](https://github.com/Rich-Harris/svelte-cubed) is a Three.js component library for Svelte - created by Rich Harris for his presentation at Svelte Summit Fall 2021 - [svelte-fsm](https://github.com/kenkunz/svelte-fsm) is a tiny, simple, expressive, pragmatic Finite State Machine (FSM) library, optimized for Svelte diff --git a/apps/svelte.dev/content/blog/2022-01-01-whats-new-in-svelte-january-2022.md b/apps/svelte.dev/content/blog/2022-01-01-whats-new-in-svelte-january-2022.md index 1e021fa54b..8fda4e52f4 100644 --- a/apps/svelte.dev/content/blog/2022-01-01-whats-new-in-svelte-january-2022.md +++ b/apps/svelte.dev/content/blog/2022-01-01-whats-new-in-svelte-january-2022.md @@ -28,7 +28,7 @@ Happy new year, Svelte Community! Lots to share this month across Svelte, Svelte ## Community Showcase -**Apps & Sites** +### Apps & Sites - [Discover Twitter Spaces](https://github.com/navneetsharmaui/discover-twitter-spaces) is a tool that helps you find the Twitter Spaces - [Modern Fluid Typography Editor](https://github.com/codeAdrian/modern-fluid-typography-editor) helps create beautiful fluid typography using CSS clamp @@ -42,7 +42,7 @@ A lot of work this month has gone into migrating the Svelte main website and Sve If you're looking for a fun SvelteKit project to work on, [you can contribute to the Svelte Society site rewrite](https://github.com/svelte-society/sveltesociety-2021/issues) 💅 -**Learning and Listening** +### Learning and Listening _To Read_ @@ -67,7 +67,7 @@ _To Listen To_ - [Syntax podcast: How To Do Things In Svelte](https://podcasts.apple.com/ca/podcast/how-to-do-things-in-svelte/id1253186678?i=1000544796072) - [JS Party #205: So much Sveltey goodness (w/ Rich Harris)](https://changelog.com/jsparty/205) -**Libraries, Tools & Components** +### Libraries, Tools & Components - [svelte-headlessui](https://github.com/rgossiaux/svelte-headlessui) is an unofficial, complete Svelte port of the Headless UI component library - [svelte-forms v2](https://chainlist.github.io/svelte-forms/) has been released - the author is [looking for feedback](https://www.reddit.com/r/sveltejs/comments/r6354j/svelteforms_v2_has_been_released/) diff --git a/apps/svelte.dev/content/blog/2022-02-01-whats-new-in-svelte-february-2022.md b/apps/svelte.dev/content/blog/2022-02-01-whats-new-in-svelte-february-2022.md index ab11a2fac1..c5d2503e16 100644 --- a/apps/svelte.dev/content/blog/2022-02-01-whats-new-in-svelte-february-2022.md +++ b/apps/svelte.dev/content/blog/2022-02-01-whats-new-in-svelte-february-2022.md @@ -25,18 +25,18 @@ Let's take a look... - `$page.stuff` provides a mechanism for pages to pass data 'upward' to layouts ([Docs](https://kit.svelte.dev/docs/loading#input-stuff), [#3252](https://github.com/sveltejs/kit/pull/3252)) - Fallthrough routes let you specify where to route when an route can't be loaded ([Docs](https://kit.svelte.dev/docs/routing#advanced-routing-fallthrough-routes), [#3217](https://github.com/sveltejs/kit/pull/3217)) -**New configs** +### New configs - Content Security Policy (CSP) is now supported for increased security when using inline javascript or stylesheets ([Docs](https://kit.svelte.dev/docs/configuration#csp), [#3499](https://github.com/sveltejs/kit/pull/3499)) - `kit.routes` config allows you to customise public/private modules during build ([Docs](https://kit.svelte.dev/docs/configuration#routes), [#3576](https://github.com/sveltejs/kit/pull/3576)) - `prerender.createIndexFiles` config lets you prerender index.html files as their subfolder's name ([Docs](https://kit.svelte.dev/docs/configuration#prerender), [#2632](https://github.com/sveltejs/kit/pull/2632)) - HTTP methods can now be overridden using `kit.methodOverride` ([Docs](https://kit.svelte.dev/docs/routing#endpoints-http-method-overrides), [#2989](https://github.com/sveltejs/kit/pull/2989)) -**Config changes** +### Config changes - `config.kit.hydrate` and `config.kit.router` are now nested under `config.kit.browser` ([Docs](https://kit.svelte.dev/docs/configuration#browser), [3578](https://github.com/sveltejs/kit/pull/3578)) -**Breaking change** +### Breaking change - use `Request` and `Response` objects in endpoints and hooks ([#3384](https://github.com/sveltejs/kit/pull/3384)) @@ -44,7 +44,7 @@ Let's take a look... ## Community Showcase -**Apps & Sites** +### Apps & Sites - [timb(re)](https://paullj.github.io/timb) is a live music programming environment - [Music for Programming](https://musicforprogramming.net/latest/) is a series of mixes intended for listening while `${task}` to focus the brain and inspire the mind @@ -64,7 +64,7 @@ Let's take a look... Want to work on a SvelteKit site with others, [try contributing to the Svelte Society site](https://github.com/svelte-society/sveltesociety-2021/issues)! -**Learning and Listening** +### Learning and Listening _To Read_ @@ -93,7 +93,7 @@ _To Listen To_ - [So much Sveltey goodness (featuring Rich Harris)](https://changelog.com/jsparty/205) from JS Party - [The Other Side of Tech: A Documentarian Perspective (with Stefan Kingham)](https://codingcat.dev/podcast/2-4-the-other-side-of-tech-a-documentarian-perspective) from Purrfect.dev -**Libraries, Tools & Components** +### Libraries, Tools & Components - [threlte](https://github.com/grischaerbe/threlte) is a three.js component library for Svelte - [svelte-formify](https://github.com/nodify-at/svelte-formify) is a library to manage and validate forms that uses decorators to define validations diff --git a/apps/svelte.dev/content/blog/2022-03-01-whats-new-in-svelte-march-2022.md b/apps/svelte.dev/content/blog/2022-03-01-whats-new-in-svelte-march-2022.md index 477ef1f279..449b603889 100644 --- a/apps/svelte.dev/content/blog/2022-03-01-whats-new-in-svelte-march-2022.md +++ b/apps/svelte.dev/content/blog/2022-03-01-whats-new-in-svelte-march-2022.md @@ -18,7 +18,7 @@ More on that and other new features and fixes below! - Application versioning and update detection support lets you determine what to do when a route fails to load after an app update ([Issue](https://github.com/sveltejs/kit/issues/87), [PR](https://github.com/sveltejs/kit/pull/3412), [Docs](https://kit.svelte.dev/docs/configuration#version)) - A new option in `npm init svelte@next` will now set up Playwright automatically for testing ([PR](https://github.com/sveltejs/kit/pull/4056)) -**Breaking Changes** +### Breaking Changes - The `target` option is no longer available. Instead, the `init` script hydrates its `parentNode` ([#3674](https://github.com/sveltejs/kit/pull/3674)) - App-level types now live in the `App` namespace which allows you to type global types like `Stuff` or `Session` ([#3670](https://github.com/sveltejs/kit/pull/3670)) @@ -34,7 +34,7 @@ More on that and other new features and fixes below! ## Community Showcase -**Apps & Sites** +### Apps & Sites - [SvelteStorm](https://github.com/open-source-labs/SvelteStorm) is specifically tailored to provide all of the essential tools a Svelte developer needs to build a Svelte application - [Supachat](https://github.com/Lleweraf/supachat) is a real-time chat app using Svelte and Supabase @@ -50,7 +50,7 @@ More on that and other new features and fixes below! Want to work on a SvelteKit site with others? [Contribute to the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)! -**Learning Resources** +### Learning Resources _To Read_ @@ -70,7 +70,7 @@ _To Watch_ - [Testing For Beginners (Playlist)](https://www.youtube.com/watch?v=y53wwdBr5AI&list=PLA9WiRZ-IS_z7KpqhPELfEMbhAGRwZrzn) by Joy of Code - [KitQL - The native SvelteKit library for GraphQL](https://www.youtube.com/watch?v=6pH4fnFN70w) by Jean-Yves COUËT -**Libraries, Tools & Components** +### Libraries, Tools & Components - [gosvelte](https://github.com/sachinbhutani/gosvelte) is a proof of concept to serve Svelte-generated pages on GoLang HTTP server with server data being sent as props to svelte components - [svelte-ethers-store](https://www.npmjs.com/package/svelte-ethers-store) uses the ethers.js library as a collection of readable Svelte stores for Svelte, Sapper or SvelteKit diff --git a/apps/svelte.dev/content/blog/2022-04-01-whats-new-in-svelte-april-2022.md b/apps/svelte.dev/content/blog/2022-04-01-whats-new-in-svelte-april-2022.md index de7374f7cd..0478f839ff 100644 --- a/apps/svelte.dev/content/blog/2022-04-01-whats-new-in-svelte-april-2022.md +++ b/apps/svelte.dev/content/blog/2022-04-01-whats-new-in-svelte-april-2022.md @@ -15,13 +15,13 @@ More on that, and what else is new in Svelte, as we dive in... - Explicit redirects can now be handled directly from endpoints ([#4260](https://github.com/sveltejs/kit/pull/4260)) - `svelte-kit sync` ([#4182](https://github.com/sveltejs/kit/pull/4182)), TypeScript 4.6 ([#4190](https://github.com/sveltejs/kit/pull/4190)) and Vite 2.9 were released - adding non-blocking dependency optimization and experimental CSS source maps in dev mode as well as a number of bug fixes contributed by the SvelteKit team ([#4468](https://github.com/sveltejs/kit/pull/4468)) -**New Config Options** +### New Config Options - `outDir` fixes path issues in monorepos and other situations where the desired output directory is outside the project directory ([Docs](https://kit.svelte.dev/docs/configuration#outdir), [#4176](https://github.com/sveltejs/kit/pull/4176)) - `endpointExtensions` prevents files other than .js and .ts files from being treated as endpoints, unless you specify endpointExtensions ([Docs](https://kit.svelte.dev/docs/configuration#endpointextensions), [#4197](https://github.com/sveltejs/kit/pull/4197)) - `prerender.default` lets you prerender every page without having to write `export const prerender = true` in every page file ([Docs](https://kit.svelte.dev/docs/configuration#prerender), [#4192](https://github.com/sveltejs/kit/pull/4192)) -**Breaking Changes** +### Breaking Changes - Fallthrough routes have been removed. For migration tips, check out the PR ([#4330](https://github.com/sveltejs/kit/pull/4330)) - `tabindex="-1"` is only added to `` during navigation ([#4140](https://github.com/sveltejs/kit/pull/4140) and [#4184](https://github.com/sveltejs/kit/pull/4184)) @@ -40,7 +40,7 @@ More on that, and what else is new in Svelte, as we dive in... ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Launcher](https://launcher.team/) is an open-source app launcher powered by SvelteKit, Prisma, and Tailwind - [Paaster](https://paaster.io/) is a secure by default end to end encrypted pastebin built with Svelte, Vite, TypeScript, Python, Starlette, rclone & Docker. @@ -60,7 +60,7 @@ More on that, and what else is new in Svelte, as we dive in... Itching to contribute to a modern SvelteKit website? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)! -**Learning Resources** +### Learning Resources _To Attend_ @@ -90,7 +90,7 @@ _To Watch_ - [Fullstack SvelteKit Auth 🔐 with Firebase & Magic Links! 🪄](https://www.youtube.com/watch?v=MAHE4iQgh5Q) by Johnny Magrippis - [Firebase Authentication in SvelteKit! Full Stack App](https://www.youtube.com/watch?v=N6Y3hqhZvNI) by Ryan Boddy -**Libraries, Tools & Components** +### Libraries, Tools & Components - [SvelTable](https://sveltable.io/) is a feature rich, data table component built with Svelte - [svelte-cyberComp](https://github.com/Cybersteam00/svelte-cyberComp) is a powerful, lightweight component library written in Svelte and TypeScript diff --git a/apps/svelte.dev/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md b/apps/svelte.dev/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md index 8961260f77..5dcb694843 100644 --- a/apps/svelte.dev/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md +++ b/apps/svelte.dev/content/blog/2022-05-01-whats-new-in-svelte-may-2022.md @@ -25,7 +25,7 @@ With yesterday's Svelte Summit behind us, we've got a lot of news to share! Chec - Netlify Edge Functions ([#4657](https://github.com/sveltejs/kit/pull/4657)) and the Vercel build output API ([#4663](https://github.com/sveltejs/kit/pull/4663)) are now supported - Custom `load` dependencies, array of strings representing URLs the page depends on, are now available when loading routes ([Docs](https://kit.svelte.dev/docs/loading#output-dependencies), [#4536](https://github.com/sveltejs/kit/pull/4536)) -**Breaking Changes** +### Breaking Changes - Validators are now called "matchers" ([Docs](https://kit.svelte.dev/docs/routing#advanced-routing-matching), [#4358](https://github.com/sveltejs/kit/pull/4358)) - `__layout.reset` has been replaced by named layouts - which have much configurability for shared layout elements ([Docs](https://kit.svelte.dev/docs/layouts#named-layouts), [#4388](https://github.com/sveltejs/kit/pull/4388)) @@ -36,7 +36,7 @@ With yesterday's Svelte Summit behind us, we've got a lot of news to share! Chec ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [polySpectra AR](https://ar.polyspectra.com/) lets you prototype faster 3D Printing with seamless AR file handoffs ([video demo](https://www.youtube.com/watch?v=VhYCeVGcG3E)) - [Pixel Art Together](https://github.com/liveblocks/pixel-art-together) is a free multiplayer pixel art editor powered by Liveblocks @@ -51,7 +51,7 @@ With yesterday's Svelte Summit behind us, we've got a lot of news to share! Chec Want to contribute to a modern SvelteKit website? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)! -**Learning Resources** +### Learning Resources _To Read_ @@ -70,7 +70,7 @@ _To Watch or Hear_ - [Implementing {@const} in if block](https://www.youtube.com/watch?v=f5iReGqjmG0) by lihautan - [Svelte and Contributing to Open-Source with Geoff Rich](https://podcast.20minjs.com/1952066/10417700-episode-6-svelte-and-contributing-to-open-source-with-geoff-rich) by 20minJS -**Libraries, Tools & Components** +### Libraries, Tools & Components - [KitDocs](https://github.com/svelteness/kit-docs) is a documentation integration for SvelteKit - like VitePress for Svelte. - [Svelte Copy](https://github.com/ghostdevv/svelte-copy) is a click/tap-to-copy library that makes it easy to copy to the clipboard diff --git a/apps/svelte.dev/content/blog/2022-06-01-whats-new-in-svelte-june-2022.md b/apps/svelte.dev/content/blog/2022-06-01-whats-new-in-svelte-june-2022.md index 0a551eed13..6c0c248759 100644 --- a/apps/svelte.dev/content/blog/2022-06-01-whats-new-in-svelte-june-2022.md +++ b/apps/svelte.dev/content/blog/2022-06-01-whats-new-in-svelte-june-2022.md @@ -21,7 +21,7 @@ Let's dive in! - `config.kit.alias` lets you more easily declare a custom alias to replace values in `import` statements ([Docs](https://kit.svelte.dev/docs/configuration#alias), [PR](https://github.com/sveltejs/kit/pull/4964)) - Pages marked for prerendering will now fail during SSR at runtime ([PR](https://github.com/sveltejs/kit/pull/4812)) -**Breaking Changes** +### Breaking Changes - Node 14 is no longer supported ([PR](https://github.com/sveltejs/kit/pull/4922)) - Requests to `/favicon.ico` will no longer be suppressed and will instead be handled as a valid route ([PR](https://github.com/sveltejs/kit/pull/5046)) @@ -35,7 +35,7 @@ Let's dive in! ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Plantarium](https://github.com/jim-fx/plantarium) is a tool for the procedural generation of 3D plants. - [SPATULA](https://github.com/AlexWarnes/lamina-spatula) is a tool for building shading materials that are exportable as code material in any project that uses lamina and threejs @@ -51,7 +51,7 @@ Let's dive in! Looking for a great SvelteKit website to contribute to? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)! -**Learning Resources** +### Learning Resources _To Read_ @@ -92,7 +92,7 @@ _To Hear_ - [Stores Galore](https://www.svelteradio.com/episodes/stores-galore) - [Svelte and the Future of Frontend Development (feat. Rich Harris)](https://thenewstack.io/svelte-and-the-future-of-front-end-development/) from The New Stack -**Libraries, Tools & Components** +### Libraries, Tools & Components - [vite-plugin-svelte-console-remover](https://github.com/jhubbardsf/vite-plugin-svelte-console-remover) is a Vite plugin that removes all console statements (log, group, dir, error, etc) from Svelte, JS, and TS files during build so they don't leak into production - [Svelte Headless Tables](https://github.com/bryanmylee/svelte-headless-table) is an unopinionated and extensible data tables for Svelte @@ -103,7 +103,8 @@ _To Hear_ - [svelte-keybinds](https://github.com/ThaUnknown/svelte-keybinds) is a minimalistic keybinding interface, with rebinding and saving - [svelte-speech-recognition](https://github.com/jhubbardsf/svelte-speech-recognition) converts speech from the microphone to text and makes it available to your Svelte components -**Special Feature: Svelte Stores** +### Special Feature: Svelte Stores + There were lots of Svelte stores released this month from a number of authors... - [svelte-mutable-store](https://github.com/feltcoop/svelte-mutable-store) is a Svelte store for mutable values with the `immutable` compiler option diff --git a/apps/svelte.dev/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md b/apps/svelte.dev/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md index 13d61fa402..44e30689ad 100644 --- a/apps/svelte.dev/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md +++ b/apps/svelte.dev/content/blog/2022-07-01-whats-new-in-svelte-july-2022.md @@ -33,7 +33,7 @@ We will also be utilizing OpenCollective funds to allow Svelte core maintainers ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Virtual Maker](https://www.virtualmaker.net/) lets you make interactive 3D and VR scenes in your browser - [Apple Beta Music](https://www.reddit.com/r/sveltejs/comments/v7ic2s/apple_beta_music_uses_svelte/) appears to have been written in some combination of Svelte and web components @@ -53,7 +53,7 @@ We will also be utilizing OpenCollective funds to allow Svelte core maintainers Want to contribute to a site using the latest SvelteKit features? [Help build the Svelte Society site](https://github.com/svelte-society/sveltesociety.dev/issues)! -**Learning Resources** +### Learning Resources _Starring the Svelte team_ @@ -80,7 +80,7 @@ _To Read_ - [SvelteKit Hooks. Everything You Need To Know](https://kudadam.com/blog/understanding-sveltekit-hooks) by Lucretius K. Biah - [3 tips for upgrading the performance of your Svelte stores](https://www.mathiaspicker.com/posts/3-tips-for-upgrading-the-performance-of-your-svelte-stores) by Mathias Picker -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Svend3r](https://github.com/oslabs-beta/svend3r) is a plug and play D3 charting library for Svelte - [Svelte Hover Draw SVG](https://github.com/davipon/svelte-hover-draw-svg) is a lightweight Svelte component to draw SVG on hover diff --git a/apps/svelte.dev/content/blog/2022-08-01-whats-new-in-svelte-august-2022.md b/apps/svelte.dev/content/blog/2022-08-01-whats-new-in-svelte-august-2022.md index c10ed6df16..23876c3216 100644 --- a/apps/svelte.dev/content/blog/2022-08-01-whats-new-in-svelte-august-2022.md +++ b/apps/svelte.dev/content/blog/2022-08-01-whats-new-in-svelte-august-2022.md @@ -22,7 +22,7 @@ Now onto the rest of the updates... - Vercel's v3 build output API is now being used in `adapter-vercel` ([#5514](https://github.com/sveltejs/kit/pull/5514)) - `vite-plugin-svelte` has reached 1.0 and now supports Vite 3. You'll notice new default ports for `dev` (port 5173) and `preview` (port 4173) ([#5005](https://github.com/sveltejs/kit/pull/5005), [vite-plugin-svelte CHANGELOG](https://github.com/sveltejs/vite-plugin-svelte/blob/main/packages/vite-plugin-svelte/CHANGELOG.md)) -**Breaking changes:** +### Breaking changes: - `mode`, `prod` and `server` are no longer available in `$app/env` ([#5602](https://github.com/sveltejs/kit/pull/5602)) - `svelte-kit` CLI commands are now run using the `vite` command and `vite.config.js` is required. This will allow first-class support with other projects in the Vite ecosystem like Vitest and Storybook ([#5332](https://github.com/sveltejs/kit/pull/5332), [Docs](https://kit.svelte.dev/docs/project-structure#project-files-vite-config-js)) @@ -47,7 +47,7 @@ For a full list of changes, check out kit's [CHANGELOG](https://github.com/svelt ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [PocketBase](https://github.com/pocketbase/pocketbase) is an open source Go backend with a single file and an admin dashboard built with Svelte - [Hondo](https://www.playhondo.com/how-to-play) is a word guessing game with multiple rounds @@ -63,7 +63,7 @@ For a full list of changes, check out kit's [CHANGELOG](https://github.com/svelt - [Remind Me Again](https://github.com/probablykasper/remind-me-again) is an app for toggleable reminders on Mac, Linux and Windows - [Heyweek](https://heyweek.com/) is a timetracking app built for freelancers craving that extra pizzazz -**Learning Resources** +### Learning Resources _Starring the Svelte team_ @@ -100,7 +100,7 @@ _Tech Demos_ - [Style your Svelte website faster with Stylify CSS](https://stylifycss.com/blog/style-your-svelte-website-faster-with-stylify-css/) by Stylify - [Revamped Auth Helpers for Supabase (with SvelteKit support)](https://supabase.com/blog/2022/07/13/supabase-auth-helpers-with-sveltekit-support) by Supabase -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Lucia](https://github.com/pilcrowOnPaper/lucia-sveltekit) is a simple, JWT based authentication library for SvelteKit that connects your SvelteKit app with your database - [Skeleton](https://github.com/Brain-Bones/skeleton) is a UI component library for use with Svelte + Tailwind diff --git a/apps/svelte.dev/content/blog/2022-09-01-whats-new-in-svelte-september-2022.md b/apps/svelte.dev/content/blog/2022-09-01-whats-new-in-svelte-september-2022.md index 2127b5c79c..ca1f20caec 100644 --- a/apps/svelte.dev/content/blog/2022-09-01-whats-new-in-svelte-september-2022.md +++ b/apps/svelte.dev/content/blog/2022-09-01-whats-new-in-svelte-september-2022.md @@ -18,7 +18,7 @@ But the new routing isn't the only new feature in SvelteKit... - `$app/stores` can now be used from anywhere on the browser (**1.0.0-next.428**, [PR](https://github.com/sveltejs/kit/pull/6100)) - `config.kit.env.dir` is a new config that sets the directory to search for `.env` files (**1.0.0-next.430**, [PR](https://github.com/sveltejs/kit/pull/6175)) -**Breaking changes:** +### Breaking changes: - The filesystem-based router and `load` API improves the way routes are managed. **Before installing version `@sveltejs/kit@1.0.0-next.406` or later, [follow this migration guide](https://github.com/sveltejs/kit/discussions/5774)** ([PR](https://github.com/sveltejs/kit/pull/5778), [Issue](https://github.com/sveltejs/kit/discussions/5748)) - `event.session` has been removed from `load` along with the `session` store and `getSession`. Use `event.locals` instead (**1.0.0-next.415**, [PR](https://github.com/sveltejs/kit/pull/5946)) @@ -28,7 +28,7 @@ But the new routing isn't the only new feature in SvelteKit... For a full list of changes, check out kit's [CHANGELOG](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md). -**Updates to language tools** +### Updates to language tools - TypeScript doesn't resolve imports to SvelteKit's $types very well, the latest version of Svelte's language tools makes it better (**105.21.0**, [#1592](https://github.com/sveltejs/language-tools/pull/1592)) @@ -36,7 +36,7 @@ For a full list of changes, check out kit's [CHANGELOG](https://github.com/svelt ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [canno](https://twitter.com/a_warnes/status/1556724034959818754?s=20&t=RyKWALPByqMT5A_PkLtUew) is a simple interactive 3d physics game with adjustable gravity, cannon power, and debug visualizer - made with threlte - [straw.page](https://straw.page/) is an extremely simple website builder that lets you create unique websites straight from your phone @@ -49,7 +49,7 @@ For a full list of changes, check out kit's [CHANGELOG](https://github.com/svelt - [classes.wtf](https://github.com/ekzhang/classes.wtf) is a custom, distributed search engine written in Go and Svelte to make searching for Harvard courses much quicker than the standard course catalog - [Scrumpack](https://scrumpack.io/) is a set of tools to help agile/scrum teams with their ceremonies like Planning Poker and Retrospectives -**Learning Resources** +### Learning Resources _Starring the Svelte team_ @@ -81,7 +81,7 @@ _To Read_ - [Creating a Figma Plugin with Svelte](https://www.lekoarts.de/javascript/creating-a-figma-plugin-with-svelte) by Lennart - [Svelte Video Blog: Vlog with Mux from your own SvelteKit Site](https://plus.rodneylab.com/tutorials/svelte-video-blog) and [Svelte Shy Header: Peekaboo Sticky Header with CSS](https://rodneylab.com/svelte-shy-header/) by Rodney Lab -**Libraries, Tools & Components** +### Libraries, Tools & Components - [@svelte-plugins/tooltips](https://github.com/svelte-plugins/tooltips) is a simple tooltip action and component designed for Svelte - [Lucia](https://github.com/pilcrowOnPaper/lucia-sveltekit) is a simple authentication library for SvelteKit that connects your SvelteKit app to your database diff --git a/apps/svelte.dev/content/blog/2022-10-01-whats-new-in-svelte-october-2022.md b/apps/svelte.dev/content/blog/2022-10-01-whats-new-in-svelte-october-2022.md index 46e8a857df..6505bff71a 100644 --- a/apps/svelte.dev/content/blog/2022-10-01-whats-new-in-svelte-october-2022.md +++ b/apps/svelte.dev/content/blog/2022-10-01-whats-new-in-svelte-october-2022.md @@ -44,7 +44,7 @@ _Day Two_ - Cloudflare Pages `_routes.json` specification is now supported by `adapter-cloudflare` ([#6530](https://github.com/sveltejs/kit/pull/6530)) - Improved build performance by running asset and page compression in parallel ([#6710](https://github.com/sveltejs/kit/pull/6710)) -**Breaking changes:** +### Breaking changes: - Node 16.14 is now the minimum version to run SvelteKit ([#6388](https://github.com/sveltejs/kit/pull/6388)) - `App.PrivateEnv` and `App.PublicEnv` have been removed in favour of generated types ([#6413](https://github.com/sveltejs/kit/pull/6413)) @@ -80,7 +80,7 @@ It can be used for anything you may be trying to accomplish using Svelte includi ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Timeflow](https://www.timeflow.site/) is a smart calendar & task manager that dynamically schedules your tasks between your events - [GeoQuest](https://github.com/woutdp/geoquest) is an open source geography game @@ -96,7 +96,7 @@ It can be used for anything you may be trying to accomplish using Svelte includi - [Porter's Paints](https://shop.porterspaints.com/) is an eCommerce site for (you guessed it) paints built with Svelte - [CRAN/E](https://www.cran-e.com/) is a search engine for modern R-packages -**Learning Resources** +### Learning Resources _Starring the Svelte team_ @@ -122,7 +122,7 @@ _To Read_ - [Deploying SvelteKit with NodeJS to a Server Using GitLab and PM2](https://abyteofcoding.com/blog/deploying-sveltekit-with-nodejs-pm2-to-server/) by A Byte of Coding - [Quality of Life Tips when using SvelteKit in VS Code](https://www.reddit.com/r/sveltejs/comments/xltgyp/quality_of_life_tips_when_using_sveltekit_in_vs/) by doa-doa -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Svelte Fit](https://github.com/leveluptuts/svelte-fit) is an extremely simple, no dependency fit text library - [svelte-switch-case](https://github.com/l-portet/svelte-switch-case) is a switch case syntax for your Svelte components diff --git a/apps/svelte.dev/content/blog/2022-11-01-whats-new-in-svelte-november-2022.md b/apps/svelte.dev/content/blog/2022-11-01-whats-new-in-svelte-november-2022.md index eccbff9cb9..eba7d9f97f 100644 --- a/apps/svelte.dev/content/blog/2022-11-01-whats-new-in-svelte-november-2022.md +++ b/apps/svelte.dev/content/blog/2022-11-01-whats-new-in-svelte-november-2022.md @@ -16,7 +16,7 @@ There's also a _huge_ showcase to cover... so let's jump in! - `goto` now has `invalidateAll` to (re-)run all `load` functions belonging to the new active page ([docs](https://kit.svelte.dev/docs/modules#$app-navigation-goto), [#7407](https://github.com/sveltejs/kit/pull/7407)) - `config.kit.paths.base` is now used in adapters looking for static assets - fixing 404 issues across `adapter-netlify`, `adapter-vercel`, `adapter-cloudflare`, and `adapter-cloudflare-workers` ([#4448](https://github.com/sveltejs/kit/pull/4448)) -**Breaking changes:** +### Breaking changes: - Errors will now be thrown when routes conflict ([#7051](https://github.com/sveltejs/kit/pull/7051)) - The global `fetch` override has been removed when prerendering ([#7318](https://github.com/sveltejs/kit/pull/7318)) @@ -37,7 +37,7 @@ Tom Smykowski also released a great summary of [all the changes in 3.52.0](https ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [AttendZen](https://www.attendzen.io/) is an event management and marketing platform for in-person, virtual or hybrid events - [Gram Jam](https://gramjam.app/) is a challenging daily word game using SvelteKit @@ -56,7 +56,7 @@ Tom Smykowski also released a great summary of [all the changes in 3.52.0](https - [splits](https://splits.best/) lets you track your splits, calculate your race pace, become a better athlete - [Weaver](https://jrende.xyz/weaver/) is an application for creating [weave drafts](https://www.gistyarn.com/blogs/how-to-weave/how-to-read-a-weaving-draft) -**Learning Resources** +### Learning Resources _To Watch_ @@ -81,7 +81,7 @@ _To Read_ - [Creating a Svelte Tabs component with Slot props](https://blog.openreplay.com/creating-a-svelte-tabs-component-with-slot-props/) by Shinichi Okada - [Sky Cart: An Open Source, cloud-agnostic shopping cart using Stripe Checkout](https://dev.to/stripe/sky-cart-an-open-source-cloud-agnostic-shopping-cart-using-stripe-checkout-o5k) by Mike Bifulco for Stripe -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Threlte](https://threlte.xyz/) is a component library for Svelte to build and render three.js scenes declaratively and state-driven in Svelte apps. It's being featured again to highlight the new "Playground" button in its examples - [Svelte Turnstile](https://github.com/ghostdevv/svelte-turnstile) is a library to integrate Cloudflare's Turnstile (a new CAPTCHA alternative) into a Svelte app diff --git a/apps/svelte.dev/content/blog/2022-12-01-whats-new-in-svelte-december-2022.md b/apps/svelte.dev/content/blog/2022-12-01-whats-new-in-svelte-december-2022.md index ccfcebf993..71e07ca4ad 100644 --- a/apps/svelte.dev/content/blog/2022-12-01-whats-new-in-svelte-december-2022.md +++ b/apps/svelte.dev/content/blog/2022-12-01-whats-new-in-svelte-december-2022.md @@ -20,7 +20,7 @@ Let's get to it! - `version` is now available via `$app/environment` ([#7689](https://github.com/sveltejs/kit/pull/7689), [#7694](https://github.com/sveltejs/kit/pull/7694)) - `handleError` can now return a promise ([#7780](https://github.com/sveltejs/kit/pull/7780)) -**Breaking changes:** +### Breaking changes: - `routeId` is now `route.id` ([#7450](https://github.com/sveltejs/kit/pull/7450)) - 'load' has been renamed to 'enter' and 'unload' to 'leave' in the `beforeNavigate` and `afterNavigate` methods. `beforeNavigate` is now called once with type 'unload' on external navigation and will no longer run during redirects ([#7502](https://github.com/sveltejs/kit/pull/7502), [#7529](https://github.com/sveltejs/kit/pull/7529), [#7588](https://github.com/sveltejs/kit/pull/7588)) @@ -45,7 +45,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Appwrite's new console](https://github.com/appwrite/console) makes its secure backend server for web, mobile & Flutter developers available in the browser - [RepoMagic](https://www.repomagic.com/) is a search and analytics tool for GitHub @@ -64,7 +64,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check - [SVGPS](https://svgps.app/) removes the burden of working with a cluster of SVG files by converting your icons into a single JSON file - [This 3D retro-themed asteroid shooter](https://photon-alexwarnes.vercel.app/showcase/asteroids) was made with threlte -**Learning Resources** +### Learning Resources _To Hear_ @@ -84,7 +84,7 @@ _To Read_ - [Why I failed to create the "Solid.js's store" for Svelte, and announcing svelte-store-tree v0.3.1](https://dev.to/igrep/why-i-failed-to-create-the-solidjss-store-for-svelte-and-announcing-svelte-store-tree-v031-1am2) by YAMAMOTO Yuji - [Create an offline-first and installable PWA with SvelteKit and workbox-precaching](https://www.sarcevic.dev/offline-first-installable-pwa-sveltekit-workbox-precaching) by Antonio Sarcevic -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Skeleton](https://www.skeleton.dev/) is a UI toolkit to build fast and reactive web interfaces using Svelte + Tailwind CSS - [svelte-svg-spinners](https://github.com/luluvia/svelte-svg-spinners) is a collection of SVG Spinners components diff --git a/apps/svelte.dev/content/blog/2023-01-01-whats-new-in-svelte-january-2023.md b/apps/svelte.dev/content/blog/2023-01-01-whats-new-in-svelte-january-2023.md index f42c15636c..401bf0516b 100644 --- a/apps/svelte.dev/content/blog/2023-01-01-whats-new-in-svelte-january-2023.md +++ b/apps/svelte.dev/content/blog/2023-01-01-whats-new-in-svelte-january-2023.md @@ -15,7 +15,7 @@ Let's dive into the details... - Improved support for Storybook and Histoire ([#7990](https://github.com/sveltejs/kit/pull/7990)). Work is ongoing to fully support those tools ([storybook#20239](https://github.com/storybookjs/storybook/pull/20239)). - `vitePreprocess` is now the default preprocessor. Please see [the docs](https://kit.svelte.dev/docs/integrations#preprocessors) for differences between `vitePreprocess` and `svelte-preprocess` ([#8036](https://github.com/sveltejs/kit/pull/8036)). -**Breaking changes:** +### Breaking changes: - Unknown exports (except when starting with an underscore) are no longer allowed from `+(layout|page)(.server)?.js` and `+server.js` files ([#7878](https://github.com/sveltejs/kit/pull/7878)) - `__data.json` is now stripped from URL ([#7979](https://github.com/sveltejs/kit/pull/7979)) @@ -58,7 +58,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Svelte Recipes 🧑‍🍳](https://svelte.recipes/) provides code snippets for common data visualization problems - [Everything Svelte](https://www.everythingsvelte.com/) is a new course teaching everything you need to know to build a modern web application @@ -70,7 +70,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check - [DeckDev](https://deckdev.com/) is a deck builder for Magic: The Gathering - [Default Shortcuts](https://www.defaultshortcuts.com/) is a tool for searching keyboard shortcuts across browsers. -**Learning Resources** +### Learning Resources _From Svelte Society_ @@ -95,7 +95,7 @@ _To Read_ - [Chart.js 4.0](https://github.com/chartjs/Chart.js/discussions/10977) has been released, with updated Svelte support - [Creating A Custom Svelte Media Query Store](https://pqina.nl/blog/svelte-media-query-store/) by Rik Schennink -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Konsta UI](https://konstaui.com/) is a library of pixel perfect mobile UI components built with Tailwind CSS for React, Vue & Svelte - [probablykasper/modal-svelte](https://github.com/probablykasper/modal-svelte) is a modal component for Svelte diff --git a/apps/svelte.dev/content/blog/2023-02-01-whats-new-in-svelte-february-2023.md b/apps/svelte.dev/content/blog/2023-02-01-whats-new-in-svelte-february-2023.md index 1a4876c4ac..04d789c0ed 100644 --- a/apps/svelte.dev/content/blog/2023-02-01-whats-new-in-svelte-february-2023.md +++ b/apps/svelte.dev/content/blog/2023-02-01-whats-new-in-svelte-february-2023.md @@ -38,7 +38,7 @@ Work in the Svelte ecosystem this month has been focused on SvelteKit bug fixes ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Titowest.com](https://titowest.com/) is a series of photographic films by the writer & photographer, Tito West - [Verve](https://github.com/ParthJadhav/verve) is a lightweight and blazingly fast launcher for accessing and opening applications, files and documents @@ -52,7 +52,7 @@ Work in the Svelte ecosystem this month has been focused on SvelteKit bug fixes - [Pixelicious](https://www.pixelicious.xyz/) converts your images into pixel art - [Apple Music](https://music.apple.com/us/browse) is now built with Svelte ([proof](https://twitter.com/BrittneyPostma/status/1615381017300271104)) -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -91,7 +91,7 @@ _To Read_ - [Tailwind + Sveltekit in 2023](https://medium.com/@gentmitch/tailwind-sveltkit-in-2023-44c19d91c8fd) by Mitch Gent - [Svelte Stores Tutorial: Share Data Between Multiple Components](https://learnjavascripts.com/development/web-development/frameworks/svelte/svelte-stores-tutorial-share-data-between-multiple-components/) by Vincent Widerberg -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Sveltepress](https://sveltepress.site/) is a simple, easy to use, content centered site build tool with the full power of SvelteKit - [Svelte Form Helper](https://www.npmjs.com/package/svelte-form-helper) is a lightweight helper for form validation with Svelte diff --git a/apps/svelte.dev/content/blog/2023-03-01-whats-new-in-svelte-march-2023.md b/apps/svelte.dev/content/blog/2023-03-01-whats-new-in-svelte-march-2023.md index 657feacb7d..d18068e44a 100644 --- a/apps/svelte.dev/content/blog/2023-03-01-whats-new-in-svelte-march-2023.md +++ b/apps/svelte.dev/content/blog/2023-03-01-whats-new-in-svelte-march-2023.md @@ -37,7 +37,7 @@ Now let's jump into this month's changes... ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [win32.run](https://github.com/ducbao414/win32.run) is a version of Windows XP in the browser - with a File System, programs, XP-style File Picker and Saver dialogs, 3rd-party programs, and more - [Svelte Radial Menu](https://github.com/tglide/svelte-radial-menu) is a radial menu experiment - based on [Rauno's radial menu](https://rauno.me/craft/radial-menu) @@ -52,7 +52,7 @@ Now let's jump into this month's changes... - [demo-threlte-scroller-rocinante](https://twitter.com/a_warnes/status/1629235313808744449) is a "scrolly telling" proof-of-concept that combines svelte-sequence with Threlte - [Phonics + Stuff](https://www.phonicsandstuff.com/) is a set of resources for learning & teaching phonics -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -84,7 +84,7 @@ _To Read_ - [Add a sitemap to your server side rendered SvelteKit website](https://www.okupter.com/blog/sitemap-server-side-rendered-sveltekit-website) and [State in URL: the SvelteKit approach](https://www.okupter.com/blog/state-in-url-the-sveltekit-approach) by Justin Ahinon - [Display crypto data real-time in a chart using Sveltekit, Chart.js & coincap.io](https://medium.com/@Heesel/display-crypto-data-real-time-in-a-chart-using-sveltekit-chart-js-coincap-io-70b90d3aac90) by Hessel -**Libraries, Tools & Components** +### Libraries, Tools & Components _UI Kits and Components_ diff --git a/apps/svelte.dev/content/blog/2023-04-01-whats-new-in-svelte-april-2023.md b/apps/svelte.dev/content/blog/2023-04-01-whats-new-in-svelte-april-2023.md index 7849621d87..5369ffcb54 100644 --- a/apps/svelte.dev/content/blog/2023-04-01-whats-new-in-svelte-april-2023.md +++ b/apps/svelte.dev/content/blog/2023-04-01-whats-new-in-svelte-april-2023.md @@ -42,7 +42,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Peerbeer](https://peer.beer/) lets you share files peer-to-peer (p2p) without any third parties or data limits - [unplaneted](https://unplaneted.com/) is an interface for exploring very large space images @@ -56,7 +56,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check - [Game On Or Not](https://gameonornot.com/) is a free web app that helps you organize sports with your friends - [Sveltia CMS](https://github.com/sveltia/sveltia-cms) is a Git-based lightweight headless CMS -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -94,7 +94,7 @@ _To Read_ - [Understanding the structure of a SvelteKit project](https://www.inow.dev/understanding-the-structure-of-a-svelte-kit-project/) by Igor Nowosad - [Secure Authentication in Svelte using Hooks](https://dev.to/brewhousedigital/secure-authentication-in-svelte-using-hooks-k5j) by Brewhouse Digital -**Libraries, Tools & Components** +### Libraries, Tools & Components - [@vavite/node-loader](https://github.com/cyco130/vavite/tree/main/packages/node-loader) is a Node ESM loader that uses Vite to transpile modules to enable sourcemap and breakpoints support in SvelteKit (or any Vite) project - [Inlang](https://github.com/inlang/inlang) is building i18n for SvelteKit and is [looking for feedback](https://www.reddit.com/r/sveltejs/comments/11ydtui/sveltekit_and_i18n_lets_finally_solve_this_never/) diff --git a/apps/svelte.dev/content/blog/2023-05-01-whats-new-in-svelte-may-2023.md b/apps/svelte.dev/content/blog/2023-05-01-whats-new-in-svelte-may-2023.md index 77970c3ae6..d8e1311282 100644 --- a/apps/svelte.dev/content/blog/2023-05-01-whats-new-in-svelte-may-2023.md +++ b/apps/svelte.dev/content/blog/2023-05-01-whats-new-in-svelte-may-2023.md @@ -41,7 +41,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Sound of War](https://soundofwar.art/) is a storytelling data visualization project to help understand the scale of destruction in Ukraine - [Syntax FM's swag shop](https://swag.syntax.fm/) is now built with SvelteKit, PlanetScale and Prisma @@ -66,7 +66,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check - [Zero share](https://github.com/ntsd/zero-share) is a secure P2P file sharing using WebRTC - [Svelte lab](https://www.sveltelab.dev/) is a sandbox for creating and sharing SvelteKit projects -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -98,7 +98,7 @@ _To Read_ - [Better Data Visualizations with Svelte](https://www.newline.co/courses/better-data-visualizations-with-svelte/welcome) by newline - [Offline App with SvelteKit + SQLite Part 1: Setup WebAssembly SQLite](https://www.youtube.com/watch?v=Uvnzwp72Ze8) by hartenfellerdev -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Sveltris](https://github.com/mokshit06/sveltris) lets you intermix UI primitives like components, and state primitives like hooks between frameworks, without even noticing - [SwiftMarket](https://github.com/SwiftMarket/swiftmarket-sveltekit) is an E-Commerce solution built with SvelteKit, Pocketbase as a database and Stripe for payments diff --git a/apps/svelte.dev/content/blog/2023-06-01-whats-new-in-svelte-june-2023.md b/apps/svelte.dev/content/blog/2023-06-01-whats-new-in-svelte-june-2023.md index add2d8a413..7c56a8e18e 100644 --- a/apps/svelte.dev/content/blog/2023-06-01-whats-new-in-svelte-june-2023.md +++ b/apps/svelte.dev/content/blog/2023-06-01-whats-new-in-svelte-june-2023.md @@ -37,7 +37,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [a-maze](https://github.com/nedredmond/a-maze) is a simple maze generator (using DFS) with any dimensions between 5 cells and 75 cells - [Windows 11 in Svelte](https://github.com/yashash-pugalia/win11-svelte) attempts to replicate the Windows 11 desktop experience on web @@ -54,7 +54,7 @@ For all the changes to the Svelte compiler, including unreleased changes, check - [prcl](https://prcl.dev/) is a Pastebin-alternative focused on speed and simplicity - [md](https://github.com/rossrobino/md) is a web based markdown editor -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -88,7 +88,7 @@ _To Read_ - [Performant Reactivity with Svelte-Kit](https://itnext.io/performant-reactivity-with-svelte-kit-47d11769c5f) by Erxk - [Svelte stores: the curious parts](https://blog.thoughtspile.tech/2023/04/22/svelte-stores/) by Valdimir Klepov -**Libraries, Tools & Components** +### Libraries, Tools & Components - [svelte-svg-transform](https://github.com/bartektelec/svelte-svg-transform) is a tiny library that makes it easier for you to add SVGs and transform them in your Svelte project - [sirens](https://github.com/spiegelgraphics/sirens) is a visualization of active air raid sirens in Ukraine by DER SPIEGEL diff --git a/apps/svelte.dev/content/blog/2023-07-01-whats-new-in-svelte-july-2023.md b/apps/svelte.dev/content/blog/2023-07-01-whats-new-in-svelte-july-2023.md index a9134ed5d9..bf12e6f16e 100644 --- a/apps/svelte.dev/content/blog/2023-07-01-whats-new-in-svelte-july-2023.md +++ b/apps/svelte.dev/content/blog/2023-07-01-whats-new-in-svelte-july-2023.md @@ -29,7 +29,7 @@ For adapter-specific changes, check out the CHANGELOGs in each of [the `adapter` ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Heerdle](https://github.com/DreaminDani/heerdle) is a remake of Spotify's now-defunct Heardle - the daily music guessing game - [Meoweler](https://meoweler.com/) is a travel site filled with cats and helpful facts about popular destinations @@ -42,7 +42,7 @@ For adapter-specific changes, check out the CHANGELOGs in each of [the `adapter` - [md.robino.dev](https://github.com/rossrobino/md) is a web based markdown editor - [YABin](https://github.com/Yureien/YABin) is Yet Another Pastebin with some very specific features -**Learning Resources** +### Learning Resources - [Announcing Svelte 4 post](https://svelte.dev/blog/svelte-4) - [svelte.dev: A complete overhaul](https://svelte.dev/blog/svelte-dev-overhaul) @@ -84,7 +84,7 @@ _To Read_ - [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 - [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 -**Libraries, Tools & Components** +### Libraries, Tools & Components - [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 - [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 diff --git a/apps/svelte.dev/content/blog/2023-08-01-whats-new-in-svelte-august-2023.md b/apps/svelte.dev/content/blog/2023-08-01-whats-new-in-svelte-august-2023.md index 34a482b266..aee2458a0f 100644 --- a/apps/svelte.dev/content/blog/2023-08-01-whats-new-in-svelte-august-2023.md +++ b/apps/svelte.dev/content/blog/2023-08-01-whats-new-in-svelte-august-2023.md @@ -29,7 +29,7 @@ For all the patches and performance updates from this month, check out the [Svel ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [GitLight](https://github.com/ColinLienard/gitlight) brings GitHub & GitLab notifications to your desktop - [Days](https://github.com/paprikka/days) is paprikka's life in days, inspired by Buster Benson's Life in Weeks @@ -45,7 +45,8 @@ For all the patches and performance updates from this month, check out the [Svel - [image-to-social-media-thumbnail](https://brody.fyi/tools/image-to-social-media-thumbnail) lets you convert any image to a social media thumbnail - [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 -**Learning Resources** +### Learning Resources + _Featuring Svelte Contributors and Ambassadors_ - [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 @@ -77,7 +78,7 @@ _To Read_ - [Deploying Sveltekit on IIS](https://dev.to/nnutnonn/deploying-sveltekit-on-iis--5gf6) by Nutchapon Makelai - [Streamlined Authentication and Secrets Management](https://eman.hashnode.dev/streamlined-authentication-and-secrets-management) by Eman -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Melt UI](https://github.com/melt-ui/melt-ui) is a set of headless, accessible component builders for Svelte - [MDsveX](https://github.com/pngwn/MDsveX/releases/tag/mdsvex%400.11.0) has been updated to work with Svelte 4 diff --git a/apps/svelte.dev/content/blog/2023-09-01-whats-new-in-svelte-september-2023.md b/apps/svelte.dev/content/blog/2023-09-01-whats-new-in-svelte-september-2023.md index f68241735f..f8305ee358 100644 --- a/apps/svelte.dev/content/blog/2023-09-01-whats-new-in-svelte-september-2023.md +++ b/apps/svelte.dev/content/blog/2023-09-01-whats-new-in-svelte-september-2023.md @@ -25,7 +25,7 @@ But that's just the new features! For all the patches and performance updates fr ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Planet Of The Bugs](https://planetofthebugs.xyz/) allows developers to practice and hone their skill-sets by exposing them to an endless supply of unique, curated issues and bugs from popular open-source projects on Github - [Minesweeper](https://github.com/ProductionPanic/minesweeper/tree/main) is an Android game built with SvelteKit, Capacitor, TailwindCSS and DaisyUI (check it out on the [Google Play Store](https://play.google.com/store/apps/details?id=com.production.panic.minesweeper&pli=1)) @@ -39,7 +39,8 @@ But that's just the new features! For all the patches and performance updates fr - [Ubuntu 22.04 in Svelte](https://github.com/manhhungpc/ubuntu2204-svelte) aims to replicate the Ubuntu 22.04 desktop experience on the web - [My Queue](https://www.myqueue.so/) creates a playlist of written articles by turning them into audio stories -**Learning Resources** +### Learning Resources + _Featuring Svelte Contributors and Ambassadors_ - [Svelte Society - London August 2023](https://www.youtube.com/watch?v=90Psdk5rAnU) @@ -83,7 +84,7 @@ _To Read_ - [Type-safe User Authentication in SvelteKit with Lucia, Planetscale, and Upstash Redis](https://upstash.com/blog/lucia-sveltekit) by Chris Jayden - [Document Svelte Projects with HTML and JSDoc Comments](https://blog.robino.dev/posts/doc-comments-svelte) by Ross Robino -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Carta](https://github.com/BearToCode/carta-md) is a lightweight, fast and extensible Svelte Markdown editor and viewer, based on Marked - [Threlte](https://threlte.xyz/), the 3D framework built from Svelte and Three.js has released version 6 diff --git a/apps/svelte.dev/content/blog/2023-10-01-whats-new-in-svelte-october-2023.md b/apps/svelte.dev/content/blog/2023-10-01-whats-new-in-svelte-october-2023.md index 6e9df4d1d3..9be2ff7053 100644 --- a/apps/svelte.dev/content/blog/2023-10-01-whats-new-in-svelte-october-2023.md +++ b/apps/svelte.dev/content/blog/2023-10-01-whats-new-in-svelte-october-2023.md @@ -26,7 +26,7 @@ That's all for the new features! If you're looking for other patches and perform Threlte [is throwing a hackathon](https://threlte.xyz/hackathon) (**motion warning for the landing page** - it will respect Reduce Motion settings). The kickoff event is on Sunday, 15 October 2023 16:00 UTC. -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [game-of-life-svelte](https://github.com/StephenGunn/game-of-life-svelte) is a Conway's Game of Life implementation using SvelteKit tech - [Limey](https://limey.io/) is an easy-to-use website builder for simple sites and landing pages @@ -37,7 +37,7 @@ Threlte [is throwing a hackathon](https://threlte.xyz/hackathon) (**motion warni - [Dithering](https://www.sigrist.dev/dithering) is a tool to dither photos with plenty of options - [Rocky Mountain Slam](https://www.rockymountainslam.com/) is an interactive map to follow Jason Heyn as he attempts to complete the first ever Rocky Mountain Slam ([code](https://github.com/martyheyn/rocky-mnt-slam)) -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -70,7 +70,7 @@ _To Read_ - [Integrate Storybook in Svelte: Doing it the Svelte-way](https://mainmatter.com/blog/2023/09/18/integrate-storybook-in-svelte-doing-it-the-svelte-way/) by Oscar Dominguez - [The Sveltekit tutorial: Part 1 | What, why, and how?](https://tntman.tech/posts/sveltekit-guide-part-1) by Suyashtnt -**Libraries, Tools & Components** +### Libraries, Tools & Components - [KitForStartups](https://github.com/okupter/kitforstartups) is an Open Source SvelteKit SaaS boilerplate - [SuperNavigation](https://github.com/0xDjole/super-navigation) is a mobile-like navigation UX for the web diff --git a/apps/svelte.dev/content/blog/2023-11-01-whats-new-in-svelte-november-2023.md b/apps/svelte.dev/content/blog/2023-11-01-whats-new-in-svelte-november-2023.md index 420030787a..295113ba65 100644 --- a/apps/svelte.dev/content/blog/2023-11-01-whats-new-in-svelte-november-2023.md +++ b/apps/svelte.dev/content/blog/2023-11-01-whats-new-in-svelte-november-2023.md @@ -28,7 +28,7 @@ For a complete list of bug fixes and performance updates, check out the [SvelteK ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [4THSEX](https://4thsex.com/) is a creative website for the producer / creative director with the same name - [Syntax.fm](https://github.com/syntaxfm/website) has been redesigned from the ground up with SvelteKit @@ -41,7 +41,7 @@ For a complete list of bug fixes and performance updates, check out the [SvelteK - [Sessionic](https://github.com/navorite/sessionic) is a web extension to easily save browser sessions and manage them - [Pilink](https://pil.ink/) is a "suckless" link shortener -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -76,7 +76,7 @@ _To Read_ - [When and Where to Render](https://blog.robino.dev/posts/rendering-strategies) and [One Less Reason to Build a Native App](https://blog.robino.dev/posts/install-web-app) by Ross Robino - [Open Neovim From Your Browser - Integrating nvim with Svelte’s Inspector](https://theosteiner.de/open-neovim-from-your-browser-integrating-nvim-with-sveltes-inspector) by Theo Steiner -**Libraries, Tools & Components** +### Libraries, Tools & Components - Work to [support SvelteKit in Deno](https://github.com/denoland/deno/issues/17248) is ongoing and [Deno now supports](https://github.com/denoland/deno/pull/21026) creating SvelteKit projects out-of-the-box! - [Purplix](https://github.com/WardPearce/Purplix.io) is an open-source collection of tools dedicated to user privacy and creating trust with your audience diff --git a/apps/svelte.dev/content/blog/2023-12-01-whats-new-in-svelte-december-2023.md b/apps/svelte.dev/content/blog/2023-12-01-whats-new-in-svelte-december-2023.md index ffca4a6b34..1da17dc7d9 100644 --- a/apps/svelte.dev/content/blog/2023-12-01-whats-new-in-svelte-december-2023.md +++ b/apps/svelte.dev/content/blog/2023-12-01-whats-new-in-svelte-december-2023.md @@ -53,7 +53,7 @@ For a complete list of bug fixes and performance updates, check out the [SvelteK ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [MobileView](https://mobileview.io/) is a Chrome Extension for real-time, cross-device website simulation - [ClassroomIO](https://www.classroomio.com/) is an Open Source Platform for Tech Bootcamps @@ -65,7 +65,7 @@ For a complete list of bug fixes and performance updates, check out the [SvelteK - [Teller](https://github.com/Valink-Solutions/teller) is a comprehensive Minecraft backup solution designed to facilitate both local backups and interfacing with the ChunkVault Backend - [Sudoku](https://github.com/betofigueiredo/sudoku) is a board created with SvelteKit, Typescript and Tailwind -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -98,7 +98,7 @@ _To Read_ - [Svelte & WordPress Full Stack Course](https://www.udemy.com/course/svelte-wordpress-full-stack/) by Artneo Web Design on udemy - [Add a loading indicator to a Form Action in SvelteKit](https://snippets.khromov.se/add-a-loading-indicator-to-a-form-action-in-sveltekit/) by Useful Snippets (Stanislav Khromov) -**Libraries, Tools & Components** +### Libraries, Tools & Components - [sveltekit-view-transition](https://github.com/paoloricciuti/sveltekit-view-transition) provides a simplified `view-transition-api` for Sveltekit - [T18S](https://t18s.sigrist.dev/) aims to provide the best internationalization experience for SvelteKit, delivering typesafety, performance, and ease of use diff --git a/apps/svelte.dev/content/blog/2024-01-01-whats-new-in-svelte-january-2024.md b/apps/svelte.dev/content/blog/2024-01-01-whats-new-in-svelte-january-2024.md index 2351513ec8..305c3f5498 100644 --- a/apps/svelte.dev/content/blog/2024-01-01-whats-new-in-svelte-january-2024.md +++ b/apps/svelte.dev/content/blog/2024-01-01-whats-new-in-svelte-january-2024.md @@ -45,7 +45,7 @@ For all the release notes going forward, check out [the CHANGELOG on main](https ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [eCourse](https://github.com/Ilyas-Codes/eCourse) is a sleek and customizable website template designed for effortless self-hosting of your online course - [Typogram](https://typogram.co/) is a brand design tool with "a sprinkle of AI" @@ -58,7 +58,7 @@ For all the release notes going forward, check out [the CHANGELOG on main](https - [Lingotrack](https://lingotrack.com/) is a social platform for you as a language learner to track your progress and find engaging new media - [Lofi Flow](https://github.com/nico-mayer/lofi-flow) lets you save your best-loved YouTube lofi live radios and videos in one spot -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -87,7 +87,7 @@ _To Read_ - [Svelte 5 is good, but runes need improvement](https://kylenazario.com/blog/svelte-5-runes-impressions) by Kyle Nazario - [Shader Park and 2D](https://untested.sonnet.io/Shader+Park+and+2D) by Untested -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Routify](https://routify.dev/blog/routify-3-release-candidate), the popular routing library used in many Svelte apps, has its first Release Candidate for version 3 - [Superforms v2](https://blog.encodeart.dev/superforms-v2-supporting-all-validation-libraries) is out now - supporting all validation libraries diff --git a/apps/svelte.dev/content/blog/2024-02-01-whats-new-in-svelte-february-2024.md b/apps/svelte.dev/content/blog/2024-02-01-whats-new-in-svelte-february-2024.md index 2a2931b4d7..f8742e6f4b 100644 --- a/apps/svelte.dev/content/blog/2024-02-01-whats-new-in-svelte-february-2024.md +++ b/apps/svelte.dev/content/blog/2024-02-01-whats-new-in-svelte-february-2024.md @@ -32,7 +32,7 @@ For all the bug fixes, chores and underlying work required to get Svelte 5 to re ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Sprite Fusion](https://www.spritefusion.com/) is a free level design tool to craft beautiful 2D tilemaps right in your browser using any tileset - [TypeMeUp](https://github.com/bskdany/typemeup) a typing website that teaches you how to type faster @@ -42,7 +42,7 @@ For all the bug fixes, chores and underlying work required to get Svelte 5 to re - [Nola Devs](https://www.noladevs.org/) is a vibrant and inclusive software developers group nestled in the heart of New Orleans. This site aggregates all their events across groups - [Startup Funding Simulator](https://www.fundingsimulator.com/) is a tool to help founders understand how modern fundraising (with safes) works, and how much dilution you can expect when raising money. -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -64,7 +64,7 @@ _To Read_ - [Get Up and Running with Svelte on the Internet Computer](https://blog.icacademy.at/blog/svelte-ic-starter) by Roland BOLE - [SvelteKit + Socket.io server deployed on deno](https://devr.me/socket-io-deno) by Devr -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Lucia](https://github.com/lucia-auth/lucia/discussions/1361) - an auth library written in TypeScript that abstracts away the complexity of handling sessions - has just released its 3.0 version - [Paraglide JS Adapter SvelteKit](https://inlang.com/m/dxnzrydw/library-inlang-paraglideJsAdapterSvelteKit) is a SvelteKit integration for ParaglideJS - a tool for i18n routing diff --git a/apps/svelte.dev/content/blog/2024-03-01-whats-new-in-svelte-march-2024.md b/apps/svelte.dev/content/blog/2024-03-01-whats-new-in-svelte-march-2024.md index bcea797a5f..f26674ae07 100644 --- a/apps/svelte.dev/content/blog/2024-03-01-whats-new-in-svelte-march-2024.md +++ b/apps/svelte.dev/content/blog/2024-03-01-whats-new-in-svelte-march-2024.md @@ -33,7 +33,7 @@ For all the changes in SvelteKit, check out the [CHANGELOG](https://github.com/s ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Wishgram](https://www.wishgram.xyz/) is a tool to generate handwritten wishing cards - [rfidify](https://github.com/jonathanjameswilliams26/rfidify) is a Raspberry PI RFID reader that plays things on Spotify @@ -42,7 +42,7 @@ For all the changes in SvelteKit, check out the [CHANGELOG](https://github.com/s - [Photo Multitool](https://www.photomultitool.com/) is a free set of online tools for manipulating photos - [sveltekit-weather-app](https://github.com/maxjerry0107/sveltekit-weather-app) is a gorgeous weather app made with SvelteKit -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -60,7 +60,7 @@ _To Read/Watch_ - [How to build an editable website in 15 minutes in 2024](https://www.svelteheadless.com/how-to-build-an-editable-website-in-15-minutes-in-2024) by Svelte Headless - [Local-First LiveView Svelte ToDo App](https://liveview-svelte-pwa.fly.dev/) by Tony Dang -**Libraries, Tools & Components** +### Libraries, Tools & Components - [PaneForge](https://github.com/svecosystem/paneforge) provides components that make it easy to create resizable panes in your Svelte apps - [Svelte UX](https://svelte-ux.techniq.dev/) and [LayerChart](https://www.layerchart.com/) now include theme support via semantic and state classes diff --git a/apps/svelte.dev/content/blog/2024-04-01-whats-new-in-svelte-april-2024.md b/apps/svelte.dev/content/blog/2024-04-01-whats-new-in-svelte-april-2024.md index c48843d1c3..be45b5df03 100644 --- a/apps/svelte.dev/content/blog/2024-04-01-whats-new-in-svelte-april-2024.md +++ b/apps/svelte.dev/content/blog/2024-04-01-whats-new-in-svelte-april-2024.md @@ -38,7 +38,7 @@ For all the changes in SvelteKit, including bug fixes and adapter-specific chang ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [notepad](https://www.usenotepad.com/) is a workspace for freelancers. Providing time tracking, tasks, reports, invoices and contacts all in one tool. - [Tokenbase](https://github.com/mateoroldos/tokenbase) is a free tool for creating, managing and distributing Design Tokens. Easily create your Design Systems and export them to code in a few clicks. @@ -52,7 +52,7 @@ For all the changes in SvelteKit, including bug fixes and adapter-specific chang - [Routickr](https://www.routickr.com/) is a habit-tracking app with Firefox and Chrome extensions - [immich](https://immich.app/) is a self-hosted photo and video management solution -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -70,7 +70,7 @@ _To Read/Watch_ - [How we built our 41kb SaaS Website](https://criticalmoments.io/blog/how_we_built_our_marketing_page) by Critical Moments - [Migrating a personal homepage to Svelte](https://jakeout.com/posts/2024-03-04-svelte) by Jake Ouelletee -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Svisualize](https://svisualize.dev/) is a VS Code Extension that visualizes your components as you code - [Neel/UI](https://github.com/aidan-neel/neel-ui) is a shadcn-inspired set of customizable components that you can copy and paste into your SvelteKit apps diff --git a/apps/svelte.dev/content/blog/2024-05-01-whats-new-in-svelte-may-2024.md b/apps/svelte.dev/content/blog/2024-05-01-whats-new-in-svelte-may-2024.md index db8ec632d3..ac3f0086e0 100644 --- a/apps/svelte.dev/content/blog/2024-05-01-whats-new-in-svelte-may-2024.md +++ b/apps/svelte.dev/content/blog/2024-05-01-whats-new-in-svelte-may-2024.md @@ -40,7 +40,7 @@ These will all get broken up into more sharable (and rewatchable) videos over ti ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Collabwriting](https://www.reddit.com/r/sveltejs/comments/1c6zylc/weve_just_raised_12m_launched_new_product_2year/) just raised $1.2M and launched a new product - [Collabwriting for Teams](https://www.producthunt.com/posts/collabwriting-for-teams). Congrats! - [Skypix](https://github.com/GhostWalker562/css475-music-library) is a music library that allows users to create playlists, add songs to their library, and share their music with friends @@ -53,7 +53,7 @@ These will all get broken up into more sharable (and rewatchable) videos over ti - [Fourplay](https://github.com/kilroyjones/fourplay) is a multiplayer word game written with Rust and Svelte - [how-long-is-a-click](https://www.how-long-is-a-click.com/) is a site that measures how long _exactly_ a click is on the web -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -92,7 +92,7 @@ _To Watch_ - [Build the Ultimate Learning Platform with SvelteKit, PocketBase & TailwindCSS!](https://www.youtube.com/watch?v=b2ftRSX1iZ0&t=47s) and [Lets Build A Filtering System with Svelte 5 , Sveltekit 2, Tailwind, Upstash](https://www.youtube.com/watch?v=5urk4ui_l5o) by Lawal Adebola - [Porting a vanilla JavaScript library to Svelte 5](https://www.youtube.com/watch?v=apIJlWJ3HgQ) by Stanislav Khromov -**Libraries, Tools & Components** +### Libraries, Tools & Components - [sk-seo](https://github.com/TheDahoom/Sveltekit-seo/) is a dead simple, no dependencies, svelte component that automates a lot of the annoying SEO parts for you - [Svelte Lib Helpers](https://github.com/shinokada/svelte-lib-helpers) is a utility package designed to streamline various tasks when developing Svelte libraries diff --git a/apps/svelte.dev/content/blog/2024-06-01-whats-new-in-svelte-june-2024.md b/apps/svelte.dev/content/blog/2024-06-01-whats-new-in-svelte-june-2024.md index 7c1339a92e..fb2f8e85b0 100644 --- a/apps/svelte.dev/content/blog/2024-06-01-whats-new-in-svelte-june-2024.md +++ b/apps/svelte.dev/content/blog/2024-06-01-whats-new-in-svelte-june-2024.md @@ -22,7 +22,7 @@ Let's dive in! ## Community Showcase -**Apps & Sites built with Svelte** +### Apps & Sites built with Svelte - [Onlook](https://onlook.dev/) is a chrome extension that enables designers to contribute to their team's UI codebase - [Fluid Type Generator](https://fluid-type.tolin.ski/) is a modern fluid type generator built with Svelte 5 @@ -31,7 +31,7 @@ Let's dive in! - [Equimake](https://equimake.com/) is a collaborative real-time 3D platform for learners, gamers, artists, and coders - [svelte.dev-machine](https://github.com/Neosoulink/svelte.dev-machine) is a physical based animation to replicate the Svelte machine on the svelte.dev homepage -**Learning Resources** +### Learning Resources _Featuring Svelte Contributors and Ambassadors_ @@ -53,7 +53,7 @@ _To Watch_ - [Svelte 5 Runes Demystified](https://www.youtube.com/playlist?list=PLBvLZ-dkskrKpA01nOZiQE_1SBFyFNB-6) by Peter Makes Websites Ltd - [How to Build an eCommerce Store with SvelteKit](https://www.youtube.com/watch?v=S1lK4eJH0tI&t=6s) by Crystallize -**Libraries, Tools & Components** +### Libraries, Tools & Components - [Floating UI Svelte](https://github.com/skeletonlabs/floating-ui-svelte) is a library for positioning floating elements and handling interaction - [Svelte Animated Pixels](https://github.com/tncrazvan/svelte-animated-pixels) provides an easy way to create pixelated canvas animations by just declaring maps of pixels a strings