Track Launches using SpaceX API and SvelteKit
summary
Creates a SvelteKit app that reads a SpaceX launches template stored in GraphCMS over its GraphQL API and renders ~25 launches successfully in dev. Uses graphql-request with the gql tag, moves the client into a reusable lib, and preloads data via SvelteKit load so pages receive launch props before mounting. Adds an endpoint at routes/launches/index.json.js that fetches the same query and returns JSON; the local dev server runs and shows the live launch list.
AI-written summary · about
chapters (7)
- 0:00Start
- 1:40Create a New Project
- 5:29The Api Playground
- 13:57Dependencies
- 14:48Git Ignore File
- 19:17Api Permissions
- 21:00Socket Load Function
related talks
29mGet Your Web App Development in Shape with SvelteKit
25mUnlocking Dev Super Powers with SvelteKit
16mSvelteKit
21mBringing Svelte to 40% of the Web: Using Wordpress to Power Svelte
36mSvelte - Web App Development Reimagined
07mMonogram’s journey building an enterprise grade app with SvelteKit
18mCrafting compelling real-time web experiences with GraphQL
11mRoutify 3