Case-study Svelte

[lisavanmansom]

Framework

Een framework is een set tools, library, en richtlijnen die helpen bij het bouwen van structuren van softwaretoepassingen. Daarnaast zorgt het voor een basisstructuur.

Getting started

What is SvelteKit?

SvelteKit helps you build web apps while following modern best practices and providing solutions to common development challenges. It offers everything from basic functionalities

The outcome of this approach is not only smaller application bundles and better performance, but also a developer experience that is more approachable for people that have limited experience of the modern tooling ecosystem.

Svelte sticks closely to the classic web development model of HTML, CSS, and JS, just adding a few extensions to HTML and JavaScript. It arguably has fewer concepts and tools to learn than some of the other framework options.

Creating a project

Bron

npm create svelte@latest my-app
cd my-app
npm install
npm run dev

2 basic concepts:

1. Each page of your app is a Svelte component
2. You create pages by adding files to the src/routes directory of your project. These will be server-rendered so that a user's first visit to your app is as fast as possible, then a client-side app takes over

Other sources

• Project structure
• Web standards

Svelte interactieve tutorial

SvelteKit tutorial

Daarna heb ik de SvelteKit tutorial gevolgd