Routify 3

on YouTube ↗11m

" summary

Routify 3 demo scaffolds a Svelte app with a CLI, uses an index-by-name plugin to assign an order meta to routes, and adds build-time meta.js files that fetch GitHub repos and convert README markdown to HTML. A persist helper caches JSON to disk to avoid GitHub’s 60 requests/hour limit; readmes are split into dynamic modules to load on demand. The app shows project pages as popup overlays, a slider, auto-generated navigation with is_active highlighting, multi-router layout via inline nav, and a pending-route progress bar; it also integrates with SvelteKit using a catch-all redirect and preload for SSR.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to Routify 3
2. 1:03Setting up the project
3. 2:26Build-time metadata generation
4. 3:51Dynamic project page creation
5. 4:32Handling API rate limits
6. 5:34Dynamic imports for SSR
7. 6:16Auto-generated navigation
8. 7:22Multi-router setup
9. 8:36Router state persistence
10. 8:56Progress bar for page changes
11. 10:04Integration with SvelteKit

" related talks

• 36mSvelte - Web App Development ReimaginedMark Volkmann · GOTOpia Chicago 2021
• 37mBuilding With SvelteKitScott Spence · Connect.Tech 2022
• 54mExploring the World of Remix: A Guide to Building Resilient and Performant Web AppsAurora Walberg Scharff · NDC Oslo 2025
• 24mTanStack Router: Beyond the BasicsJoana Santos · Porto Tech Hub Conference 2025
• 53mSvelte, cybernetically enhanced web appsDevlin Duldulao · NDC Sydney 2020
• 52mExploring the World of Remix: A Guide to Building Resilient and Performant Web AppsAurora Walberg Scharff · NDC Copenhagen 2025
• 29mGet Your Web App Development in Shape with SvelteKitBrian Rinaldi · UtahJS Conf 2023
• 27mProgressively enhanced apps with SveltePaolo Ricciuti · FrontKon 2025