svelte-hono-fullstack Svelte Themes

Svelte Hono Fullstack

Unlikely to continue with the project using Svelte.

About

  • A project to familiarize myself with Svelte and Hono.
  • Based on an Aalto OpenCS course materials.
  • Extended to use TypeScript.
  • Departing from the course materials by making changes to the Hono backend based on Hono best practices (no controllers).
  • Added JSON data validation with Zod.

Run

  • Requires Docker Desktop. Or Docker CLI and compose plugin.
  • Once project dependencies are installed with Deno:
docker compose up --build --watch

What I've learned so far

  • Code formatting Svelte using Prettier + Svelete VSC plugin, is at the time of writing this, broken. Reduced development experience. Biome does not have full-fledged support for formatting Svelte either.
  • SvelteKit file-based routing works nicely. Overall appears less cumbersome when compared to Tanstack Router. Though using route params feels convoluted, having to use a loader file for them.
  • Hono feels very Express-like. Nothing bad to say about it.

Todo

  • Finish course materials, about 50% done.
  • Change from SvelteKit to React using Tantack Router/Start.
  • Hook up the frontend to the backend.
  • Test out some ORM in the backend for querying DB and handling migrations over raw SQL and manual migrations with Flyway.
  • Style the frontend.
  • Building and deploying. Maybe Deno Deploy.

Top categories

Loading Svelte Themes