René's URL Explorer Experiment


Title: Introduction / Welcome to Svelte • Svelte Tutorial

Open Graph Title: Welcome to Svelte • Svelte Tutorial

X Title: Welcome to Svelte • Svelte Tutorial

Opengraph URL: https://svelte.dev/tutorial

X: @sveltejs

direct link

Domain: svelte.dev

theme-color#ff3e00
twitter:creator@sveltejs
twitter:cardsummary
twitter:imagehttps://svelte.dev/images/twitter-thumbnail.jpg
og:imagehttps://svelte.dev/images/twitter-thumbnail.jpg
twitter:domainhttps://svelte.dev
twitter:urlhttps://svelte.dev/tutorial
og:typewebsite

Links:

Skip to main contenthttps://svelte.dev/tutorial#main
https://svelte.dev/
Docs https://svelte.dev/docs
Sveltehttps://svelte.dev/docs/svelte
SvelteKithttps://svelte.dev/docs/kit
CLIhttps://svelte.dev/docs/cli
MCPhttps://svelte.dev/docs/mcp
Tutorialhttps://svelte.dev/tutorial
Packageshttps://svelte.dev/packages
Playgroundhttps://svelte.dev/playground
Bloghttps://svelte.dev/blog
https://svelte.dev/chat
https://bsky.app/profile/svelte.dev
https://github.com/sveltejs
Welcome to Sveltehttps://svelte.dev/tutorial/svelte/welcome-to-svelte
Your first componenthttps://svelte.dev/tutorial/svelte/your-first-component
Dynamic attributeshttps://svelte.dev/tutorial/svelte/dynamic-attributes
Stylinghttps://svelte.dev/tutorial/svelte/styling
Nested componentshttps://svelte.dev/tutorial/svelte/nested-components
HTML tagshttps://svelte.dev/tutorial/svelte/html-tags
Statehttps://svelte.dev/tutorial/svelte/state
Deep statehttps://svelte.dev/tutorial/svelte/deep-state
Derived statehttps://svelte.dev/tutorial/svelte/derived-state
Inspecting statehttps://svelte.dev/tutorial/svelte/inspecting-state
Effectshttps://svelte.dev/tutorial/svelte/effects
Universal reactivityhttps://svelte.dev/tutorial/svelte/universal-reactivity
Declaring propshttps://svelte.dev/tutorial/svelte/declaring-props
Default valueshttps://svelte.dev/tutorial/svelte/default-values
Spread propshttps://svelte.dev/tutorial/svelte/spread-props
If blockshttps://svelte.dev/tutorial/svelte/if-blocks
Else blockshttps://svelte.dev/tutorial/svelte/else-blocks
Else-if blockshttps://svelte.dev/tutorial/svelte/else-if-blocks
Each blockshttps://svelte.dev/tutorial/svelte/each-blocks
Keyed each blockshttps://svelte.dev/tutorial/svelte/keyed-each-blocks
Await blockshttps://svelte.dev/tutorial/svelte/await-blocks
DOM eventshttps://svelte.dev/tutorial/svelte/dom-events
Inline handlershttps://svelte.dev/tutorial/svelte/inline-handlers
Capturinghttps://svelte.dev/tutorial/svelte/capturing
Component eventshttps://svelte.dev/tutorial/svelte/component-events
Spreading eventshttps://svelte.dev/tutorial/svelte/spreading-events
Text inputshttps://svelte.dev/tutorial/svelte/text-inputs
Numeric inputshttps://svelte.dev/tutorial/svelte/numeric-inputs
Checkbox inputshttps://svelte.dev/tutorial/svelte/checkbox-inputs
Select bindingshttps://svelte.dev/tutorial/svelte/select-bindings
Group inputshttps://svelte.dev/tutorial/svelte/group-inputs
Select multiplehttps://svelte.dev/tutorial/svelte/multiple-select-bindings
Textarea inputshttps://svelte.dev/tutorial/svelte/textarea-inputs
The class attributehttps://svelte.dev/tutorial/svelte/classes
The style directivehttps://svelte.dev/tutorial/svelte/styles
Component styleshttps://svelte.dev/tutorial/svelte/component-styles
The attach taghttps://svelte.dev/tutorial/svelte/attach
Attachment factorieshttps://svelte.dev/tutorial/svelte/attachment-factories
The transition directivehttps://svelte.dev/tutorial/svelte/transition
Adding parametershttps://svelte.dev/tutorial/svelte/adding-parameters-to-transitions
In and outhttps://svelte.dev/tutorial/svelte/in-and-out
Custom CSS transitionshttps://svelte.dev/tutorial/svelte/custom-css-transitions
Custom JS transitionshttps://svelte.dev/tutorial/svelte/custom-js-transitions
Transition eventshttps://svelte.dev/tutorial/svelte/transition-events
Global transitionshttps://svelte.dev/tutorial/svelte/global-transitions
Key blockshttps://svelte.dev/tutorial/svelte/key-blocks
Raw statehttps://svelte.dev/tutorial/svelte/raw-state
Reactive classeshttps://svelte.dev/tutorial/svelte/reactive-classes
Getters and settershttps://svelte.dev/tutorial/svelte/getters-and-setters
Reactive built-inshttps://svelte.dev/tutorial/svelte/reactive-builtins
Storeshttps://svelte.dev/tutorial/svelte/stores
Snippets and render tagshttps://svelte.dev/tutorial/svelte/snippets-and-render-tags
Passing snippets to componentshttps://svelte.dev/tutorial/svelte/passing-snippets
Implicit snippet propshttps://svelte.dev/tutorial/svelte/implicit-snippet-props
Tweened valueshttps://svelte.dev/tutorial/svelte/tweens
Springshttps://svelte.dev/tutorial/svelte/springs
Contenteditable bindingshttps://svelte.dev/tutorial/svelte/contenteditable-bindings
Each block bindingshttps://svelte.dev/tutorial/svelte/each-block-bindings
Media elementshttps://svelte.dev/tutorial/svelte/media-elements
Dimensionshttps://svelte.dev/tutorial/svelte/dimensions
Thishttps://svelte.dev/tutorial/svelte/bind-this
Component bindingshttps://svelte.dev/tutorial/svelte/component-bindings
Binding to component instanceshttps://svelte.dev/tutorial/svelte/component-this
Deferred transitionshttps://svelte.dev/tutorial/svelte/deferred-transitions
Animationshttps://svelte.dev/tutorial/svelte/animations
setContext and getContexthttps://svelte.dev/tutorial/svelte/context-api
https://svelte.dev/tutorial/svelte/svelte-window
bindingshttps://svelte.dev/tutorial/svelte/svelte-window-bindings
https://svelte.dev/tutorial/svelte/svelte-document
https://svelte.dev/tutorial/svelte/svelte-body
https://svelte.dev/tutorial/svelte/svelte-head
https://svelte.dev/tutorial/svelte/svelte-element
https://svelte.dev/tutorial/svelte/svelte-boundary
Sharing codehttps://svelte.dev/tutorial/svelte/sharing-code
Exportshttps://svelte.dev/tutorial/svelte/module-exports
Congratulations!https://svelte.dev/tutorial/svelte/congratulations
What is SvelteKit?https://svelte.dev/tutorial/kit/introducing-sveltekit
Pageshttps://svelte.dev/tutorial/kit/pages
Layoutshttps://svelte.dev/tutorial/kit/layouts
Route parametershttps://svelte.dev/tutorial/kit/params
Page datahttps://svelte.dev/tutorial/kit/page-data
Layout datahttps://svelte.dev/tutorial/kit/layout-data
Setting headershttps://svelte.dev/tutorial/kit/headers
Reading and writing cookieshttps://svelte.dev/tutorial/kit/cookies
The $lib aliashttps://svelte.dev/tutorial/kit/lib
The
element
https://svelte.dev/tutorial/kit/the-form-element
Named form actionshttps://svelte.dev/tutorial/kit/named-form-actions
Validationhttps://svelte.dev/tutorial/kit/form-validation
Progressive enhancementhttps://svelte.dev/tutorial/kit/progressive-enhancement
Customizing use:enhancehttps://svelte.dev/tutorial/kit/customizing-use-enhance
GET handlershttps://svelte.dev/tutorial/kit/get-handlers
POST handlershttps://svelte.dev/tutorial/kit/post-handlers
Other handlershttps://svelte.dev/tutorial/kit/other-handlers
pagehttps://svelte.dev/tutorial/kit/page-state
navigatinghttps://svelte.dev/tutorial/kit/navigating-state
updatedhttps://svelte.dev/tutorial/kit/updated-state
Basicshttps://svelte.dev/tutorial/kit/error-basics
Error pageshttps://svelte.dev/tutorial/kit/error-pages
Fallback errorshttps://svelte.dev/tutorial/kit/fallback-errors
Redirectshttps://svelte.dev/tutorial/kit/redirects
handlehttps://svelte.dev/tutorial/kit/handle
The RequestEvent objecthttps://svelte.dev/tutorial/kit/event
handleFetchhttps://svelte.dev/tutorial/kit/handlefetch
handleErrorhttps://svelte.dev/tutorial/kit/handleerror
Basicshttps://svelte.dev/tutorial/kit/page-options
ssrhttps://svelte.dev/tutorial/kit/ssr
csrhttps://svelte.dev/tutorial/kit/csr
prerenderhttps://svelte.dev/tutorial/kit/prerender
trailingSlashhttps://svelte.dev/tutorial/kit/trailingslash
Preloadinghttps://svelte.dev/tutorial/kit/preload
Reloading the pagehttps://svelte.dev/tutorial/kit/reload
Optional parametershttps://svelte.dev/tutorial/kit/optional-params
Rest parametershttps://svelte.dev/tutorial/kit/rest-params
Param matchershttps://svelte.dev/tutorial/kit/param-matchers
Route groupshttps://svelte.dev/tutorial/kit/route-groups
Breaking out of layoutshttps://svelte.dev/tutorial/kit/breaking-out-of-layouts
Universal load functionshttps://svelte.dev/tutorial/kit/universal-load-functions
Using both load functionshttps://svelte.dev/tutorial/kit/using-both-load-functions
Using parent datahttps://svelte.dev/tutorial/kit/await-parent
Invalidationhttps://svelte.dev/tutorial/kit/invalidation
Custom dependencieshttps://svelte.dev/tutorial/kit/custom-dependencies
invalidateAllhttps://svelte.dev/tutorial/kit/invalidate-all
$env/static/privatehttps://svelte.dev/tutorial/kit/env-static-private
$env/dynamic/privatehttps://svelte.dev/tutorial/kit/env-dynamic-private
$env/static/publichttps://svelte.dev/tutorial/kit/env-static-public
$env/dynamic/publichttps://svelte.dev/tutorial/kit/env-dynamic-public
Next stepshttps://svelte.dev/tutorial/kit/next-steps
https://svelte.dev/tutorial/svelte/your-first-component
API docshttps://svelte.dev/docs
playgroundhttps://svelte.dev/playground
https://svelte.dev/tutorial#What-is-Svelte
SvelteKithttps://svelte.dev/docs/kit
https://svelte.dev/tutorial#How-to-use-this-tutorial
Basic Sveltehttps://svelte.dev/tutorial/svelte/welcome-to-svelte
Advanced Sveltehttps://svelte.dev/tutorial/svelte/tweens
Basic SvelteKithttps://svelte.dev/tutorial/kit/introducing-sveltekit
Advanced SvelteKithttps://svelte.dev/tutorial/kit/optional-params
Edit this page on GitHubhttps://github.com/sveltejs/svelte.dev/edit/main/apps/svelte.dev/content/tutorial/01-svelte/01-introduction/01-welcome-to-svelte
Your first componenthttps://svelte.dev/tutorial/svelte/your-first-component

Viewport: width=device-width,initial-scale=1

URLs of crawlers that visited me.