cronexia-test-graphql

On part direct sur SvelteKit

npx sv create my-app

cd my-app
# npm install
# npm run dev
bun i

# bun run dev
bun run dev --open

Loading datas

yay

Manque du gras, commencer par


Routing

hoy

Fichiers dans /routes avec un + devant = nouvelle route. oké simple enough haha.

  • ✅ +page
  • ✅ +error
  • ✅ +layout
    • ? - ah yeah c'est en .svelte mais sans + devant, donc un composant alakon
  • ✅ +server
    • The first argument to Response can be a ReadableStream, making it possible to stream large amounts of data or create server-sent events
    • error() a pas l'air de proc, le texte n'est pas affiché, et on est renvoyé vers la page d'erreur statique par defaut...
    • ✅ Receiving data
  • ✅ Fallback method handler
  • ✅ Content negotiation
  • ✅ $types
    • ⚡️⚡️⚡️ // * Pas besoin de spécifier le type si les extensions VSCode > Typescript & Svelte sont installées !

Loading datas

yay

Manque du gras, commencer par

  • ✅ Page data
  • ✅ Layout data
    • si page & layout on des données > elles sont mergées automatiquement dans load
      • données avec des clés similaires "last one wins" > clé de la page a la prio sur layout
      • cf. fin de layout data
  • ✅ Universal vs server
    • préférer utilisation de serveur si données sensibles
    • If a route contains both universal and server load functions, the server load runs first.
    • A load function is invoked at runtime, unless you prerender the page — in that case, it’s invoked at build time.
  • 🚀 Input

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes