fluid-type-scale-calculator
fluid-type-scale-calculator copied to clipboard
Migrate to SvelteKit
Swapped Next.js/React for SvelteKit as a learning exercise.
- Tons of code removed. I found Svelte a lot more expressive and simple to work with.
- Superforms is awesome and lets me leverage my JSON validation schema on the client and server. I had a work-in-progress branch for react-hook-form but it was so much boilerplate compared to this.
Notes:
- Some (negligible) breaking changes to link sharing API. Will only impact users who were creating links by hand and omitting some query params. All params (except booleans) are now required. See updated README.
- Form is no longer GET; Svelte requires enhanced forms to use POST. Without
use:enhance, I can't use client-side validation with Superforms. This is an acceptable tradeoff, as I'm still able to parse form data out of the query params in the server.ts handler.
Deploy Preview for zen-ptolemy-a47e6d ready!
| Name | Link |
|---|---|
| Latest commit | 4f322cad6b6270bc748bdf2e7cd513a1f475e1fa |
| Latest deploy log | https://app.netlify.com/sites/zen-ptolemy-a47e6d/deploys/6652528106ebf40008a0e93c |
| Deploy Preview | https://deploy-preview-53--zen-ptolemy-a47e6d.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
/sitemap.xml seems to be inaccessible on the deploy preview, even though it works locally with the Netlify CLI.