Ik heb een online cursus gevolgd over Sveltekit, die de basis van Svelte en de functies uitlegt. De cursus bestond uit meerdere onderdelen, zoals wat Svelte nou is, hoe je een project op zet, pages en routes, reusable components, layout components, client-side versus server-side, dynamic routes, redirects, error pages en API routes. Een flinke bak dus. Ik heb twee avonden aan deze cursus gezeten.
"Yes! Nooit meer dat Node gezeik!"
Het eerste deel legde eigenlijk uit wat SvelteKit is ten opzichte van Svelte. Svelte is client-side rendering, waarbij SvelteKit je ook een routing system geeft, een back-end API en code splitting. SvelteKit is gebouwd met behulp van Vite, en dit zorgt ervoor dat je live updates hebt in de browser tijdens het developen. Yes! Nooit meer dat Node gezeik dacht ik. Daarna is kort uitgelegd hoe je een project op zet, dit lijkt best veel op onze standaard Node/Express applicatie.
Daarna is er uitgelegd over pages en routes, iets waar nog wat issues mee waren want de cursus is al wat verouderd, gelukkig vond ik in de comments de vernieuwde informatie. File names beginnen nu met een + en het hebben een iets andere opstelling. Ook kun je layouts gebruiken om je project te spicen, zoals ik bijvoorbeeld ook voor deze blog gedaan heb met Astro. Zo kun je bijvoorbeeld een header en een footer maken, maar ook een standaard blogpost precies zoals deze.
"Ik plan om in de zomervakantie verder te werken aan mijn SvelteKit project."
Als laatste was er nog een mogelijkheid om een error page aan te maken, je project met Vercel te deployen en API routes te declaren. Dit alles ging me toch nog wel ver, ik begreep er steeds minder van. Na het volgen van deze tutorial heb ik een eigen SvelteKit project opgezet, namelijk een portfolio website. Ik plan om hier in de zomervakantie aan door te werken.