sveltekit-weather Svelte Themes

Sveltekit Weather

weather app made with SvelteKit

Weather App made with SvelteKit

This is a basic weather app made with SvelteKit. The data are retrieved from the OpenWeather API.

https://weather-sveltekit.netlify.app/

The following features of SvelteKit are used:

  • components
    • scoped styles
  • routes
    • nested routes
  • layout
  • server-side rendering
    • the app still works when disabling JS on the client
  • page load
    • fetch API data
    • environment variables

If you are coming from the tutorial on YouTube, which was published in August 2022: The code is in the branch tutorial. The main branch has more recent code, including in particular SvelteKit's current routing system which was introduced shortly after the recording of the tutorial.

Top categories

Loading Svelte Themes