Best of SvelteKit — 2023

1. 1
   Article

   Svelte Blog·3y

   Announcing Svelte 4

   Svelte 4 is mainly a maintenance release, bumping minimum version requirements and tightening up the design in specific areas. The official svelte.dev site has gotten an overhaul. It’s now split into multiple pages with improved mobile nav, overhauled typescript docs, dark mode, and an enhanced REPL.

   89

   5
2. 2
   Article

   Svelte Blog·2y

   Announcing SvelteKit 2

   SvelteKit 2 is now available, adding support for Vite 5 and a new feature called shallow routing. It has been embraced by the web development community with support from various open source and commercial projects. Upcoming releases will focus on improving support for Svelte 5 and internationalization.

   71
3. 3
   Article

   freeCodeCamp·3y

   Learn SvelteKit and Tailwind CSS by Building a Web Portfolio

   Learn how to build a web portfolio using SvelteKit and Tailwind CSS. The course teaches web development technicalities and emphasizes aesthetics and user experience.

   58
4. 4
   Article

   builder.io·3y

   SvelteKit Routing : A Visual Guide

   SvelteKit employs a file-system-based routing mechanism, where URL paths in the browser are determined by files and folders in the codebase. To create a route for the root URL, follow these steps: Create a folder, create a file and expand the folder. For a fresh start, delete the folder.

   40

   2
5. 5
   Article

   Svelte Blog·3y

   Zero-effort type safety

   SvelteKit now offers zero-effort type safety by automatically generating types for `load` functions and data props. Type annotations can be omitted, resulting in convenience and correctness. Future plans include making links type-safe.

   39

   5
6. 6
   Article

   Svelte Blog·3y

   What's new in Svelte: November 2023

   Svelte Summit Fall is happening on November 11th. The new releases include improved developer experience, inferred types in Svelte 4.2.2, and a boolean option in SvelteKit for turning on/off a form function.

   31
7. 7
   Article

   Community Picks·3y

   Svelte by Example

   Svelte is a frontend framework that generates minimal, optimized JavaScript code. SvelteKit is a meta-framework for building full-stack web applications. The article provides an introduction to Svelte and SvelteKit.

   31

   3
8. 8
   Article

   Medium·3y

   Making a Chrome Extension with Svelte

   SvelteKit is a tool that generates websites from Notion databases. Svelte has been an excellent choice for building this Chrome Extension. It’s recommend to clone the project from the GitHub repo that can be tested directly in Chrome.

   30

   2
9. 9
   Article

   Ido Shamun·2y

   Svelte Through the Eyes of a React Developer

   The author shares their experience transitioning from React to Svelte, discussing the differences in syntax, structure, and community size. They highlight the advantages of using SvelteKit for building applications and express intrigue in further exploring Svelte as a framework choice.

   29

   5
10. 10
    Article

    Svelte Blog·3y

    What's new in Svelte: March 2023

    SvelteKit has introduced several new features, SvelteHack is hosting a hackathon, and there will be another Svelte Summit.

    25
11. 11
    Article

    Deno·3y

    The State of Web Frameworks on Deno

    The State of Web Frameworks on Deno has unlocked new ways to use Deno to build web applications. Today, you can work with frameworks from SvelteKit to Docusaurus using one of our ready-made templates. Deno is intentionally not designed as a drop-in replacement for Node.js.

    24
12. 12
    Article

    Svelte Blog·3y

    What's new in Svelte: January 2022

    It's been just two weeks since the release of SvelteKit 1.0. All future releases will follow semver and changes will be listed as major/minor/patch in the CHANGELOG. Improved support for Storybook and Histoire ( #7990) is now the default preprocessor.

    24

    2