- Preloading: Start loading the link when the user hovers over the link, rather than waiting for the click event. Feels much faster this way.
- Static site
- Add short description to post YAML to be shown on the blog posts pages
- Add topics filter, choose one tag, and provide count?
- Maybe add an anonlang/ route that can act exactly like a blog, but without dates. Or, dates is fine too?
- Experiment more with goatcounter analytics: https://anonsage.goatcounter.com/
Add blog posts to 'content/'
Test locally: npm run dev
Export static site for server: npm run export
To start a production version of the app, run npm run build && npm start. This will disable live reloading, and activate the appropriate bundler plugins.
The static/ directory contains any static assets that should be available. These are served using sirv.
In the service-worker.js file, you can import these as files from the generated manifest...
import { files } from '@sapper/service-worker';...so that you can cache them (though you can choose not to, for example if you don't want to cache very large files).
- Svelte
- Sapper (issue tracker) (docs)
- Rollup
- Provides: code-splitting, dynamic imports
- GitHub Pages
npm install -D @sveltejs/svelte-virtual-listfor lazy-loading lists. Only render what is visible.
The app can be deployed to any environment that supports Node 10 or above. As an example, to deploy to ZEIT Now when using sapper export, run these commands:
npm install -g now
now- Background color: whitesmoke (#f5f5f5)
- Theme color: Material design's 'deep orange 500' (#FF5722)
- https://www.mahmoudashraf.dev/blog/build-a-blog-with-svelte-and-markdown
- https://blog.logrocket.com/consuming-rest-apis-in-svelte/
- https://dev.to/jpblancodb/create-a-blog-with-svelte-and-dev-to-api-176j
- https://github.com/Jordan-Rowland/flask-svelte-trello
- https://github.com/GeekyAnts/sb-admin-svelte
- https://github.com/karkranikhil/voice-notes
- https://github.com/moegi-design/ghost-theme-Moegi
- https://madewithsvelte.com/how-much-to-make-an-app
- https://madewithsvelte.com/typerunnerjs
- https://github.com/itswadesh/sapper-ecommerce
- https://github.com/sveltejs/realworld
- https://hn.svelte.dev/top/1
- https://github.com/hperrin/svelte-material-ui
- https://robbrazier.github.io/svelte-awesome/
- https://github.com/Cweili/svelte-fa
- https://github.com/codediodeio/sveltefire
- https://github.com/beyonk-adventures/svelte-social-auth
- https://github.com/bestguy/sveltestrap
- https://github.com/RedHatter/svelte-devtools