Project
namlit.dev

Svelte Basics

I will go over a couple of fundamentals that are mandatory to understand how Svelte works and how I used it inside my project. This is followed by the Svelte Kit basics.
Feel free to jump ahead to my Project Structure if you already know how both of them work!

For an even more indepth guide on Svelte, check out the official documentation.



.svelte files

These are the most important files that allow the creation of components, pages and layouts in Svelte Kit.

They consist of:

  • a <script> block,
  • HTML content,
  • an optional <style> block,
  • added functionalities from Svelte through runes, template syntax & more


Runes

Some text about Svelte Runes...



Template Syntax

Some text about Svelte Template Syntax...

© 2020 - 2026 Namlit. All rights reserved.