--- title: Best SvelteKit posts of 2023 | daily.dev description: The most upvoted SvelteKit posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/sveltekit/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/sveltekit/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best SvelteKit posts of 2023 | daily.dev og:description: The most upvoted SvelteKit posts of 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of SvelteKit — 2023 1. 1 [](/posts/announcing-svelte-4-lpl0prthz "Announcing Svelte 4") 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 [](/posts/announcing-sveltekit-2-v66pvvfo3 "Announcing SvelteKit 2") Article Svelte Blog · 3y 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. 70 3. 3 [](/posts/learn-sveltekit-and-tailwind-css-by-building-a-web-portfolio-9cdrwe284 "Learn SvelteKit and Tailwind CSS by Building a Web Portfolio") 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 [](/posts/sveltekit-routing-a-visual-guide-afo8cmcdl "SvelteKit Routing : A Visual Guide") 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 [](/posts/zero-effort-type-safety-1lilxeogg "Zero-effort type safety") Article Svelte Blog · 4y 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 [](/posts/what-s-new-in-svelte-november-2023-gvc0ox2af "What's new in Svelte: November 2023") 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 [](/posts/svelte-by-example-kjkvx9kty "Svelte by Example") 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 [](/posts/making-a-chrome-extension-with-svelte-d5uvketzm "Making a Chrome Extension with Svelte") 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 [](/posts/svelte-through-the-eyes-of-a-react-developer-d2tmcnd9v "Svelte Through the Eyes of a React Developer") Article Ido Shamun · 3y 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 [](/posts/what-s-new-in-svelte-march-2023-c50afmrot "What's new in Svelte: March 2023") Article Svelte Blog · 4y 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 [](/posts/the-state-of-web-frameworks-on-deno-7nza4eanc "The State of Web Frameworks on Deno") 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 [](/posts/what-s-new-in-svelte-january-2022-ijxsucbn9 "What's new in Svelte: January 2022") Article Svelte Blog · 4y 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 [See all SvelteKit archives](/tags/sveltekit/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/sveltekit/best-of/2023#page","url":"https://daily.dev/tags/sveltekit/best-of/2023","name":"Best SvelteKit Posts of 2023","description":"The most upvoted SvelteKit posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/sveltekit/best-of/2023#items","numberOfItems":12,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/announcing-svelte-4-lpl0prthz","name":"Announcing Svelte 4"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/announcing-sveltekit-2-v66pvvfo3","name":"Announcing SvelteKit 2"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/learn-sveltekit-and-tailwind-css-by-building-a-web-portfolio-9cdrwe284","name":"Learn SvelteKit and Tailwind CSS by Building a Web Portfolio"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/sveltekit-routing-a-visual-guide-afo8cmcdl","name":"SvelteKit Routing : A Visual Guide"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/zero-effort-type-safety-1lilxeogg","name":"Zero-effort type safety"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/what-s-new-in-svelte-november-2023-gvc0ox2af","name":"What's new in Svelte: November 2023"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/svelte-by-example-kjkvx9kty","name":"Svelte by Example"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/making-a-chrome-extension-with-svelte-d5uvketzm","name":"Making a Chrome Extension with Svelte"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/svelte-through-the-eyes-of-a-react-developer-d2tmcnd9v","name":"Svelte Through the Eyes of a React Developer"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/what-s-new-in-svelte-march-2023-c50afmrot","name":"What's new in Svelte: March 2023"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/the-state-of-web-frameworks-on-deno-7nza4eanc","name":"The State of Web Frameworks on Deno"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/what-s-new-in-svelte-january-2022-ijxsucbn9","name":"What's new in Svelte: January 2022"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"SvelteKit","item":"https://daily.dev/tags/sveltekit"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/sveltekit/best-of"},{"@type":"ListItem","position":5,"name":"2023"}]}]} ```