This project (and its tutorial) showcases the following features of SvelteKit:

  • fixed and dynamic routes
  • layouts
  • Svelte features:
    • components
    • props
    • scoped styles
    • reactive variables
    • loops
    • <svelte:head>
    • injecting html
  • page endpoints
  • server-side rendering
  • static site generation
  • disabling JavaScript client-side still works
  • the $page store
  • prefetching pages
  • deployment to Netlify

The blog posts are stored as markdown files on the server and are rendered as html pages using marked. The metadata from the markdown files are extracted with front-matter.