The stack

General

• Domain hosting: Hover.com
• CI/CD: GitHub Actions + Northflank Pipelines
• Deployment: Northflank Deployment services
• Docker registry: None (it is possible to access images built by Northflank Build services)
• IDE: Visual Studio Code

App parts

Check package.json for specific used library/framework versions.

Common

• Programming language:
  • App: TypeScript
  • Scripts: JavaScript with JSDoc for complex, Bash for simple ones
• Runtime: Node.js
  • asdf Runtime Version Manager for switching between Node.js versions
• Package management: NPM
• Framework: SvelteKit
  • SSR mode
• Authentication: Lucia-auth
  • Session ID stored in a Cookie
  • Google Sign-in
• Data validation: Superforms + Zod
  • Both client-side and server-side form data validation
• FE/BE communication: SvelteKit-specific
  • load functions for getting data
  • Form actions for mutating data
• Unit testing: Vitest
  • Wallaby.js used for speeding up unit test writing
• E2E testing: Playwright
  • git-secret files with secrets needed for running those tests in CI
• Process management: Docker + Northflank Deployment services

Backend

• Database: PostgreSQL
  • Local development: Official Docker image
  • Deployment: Northflank PostgreSQL addon
• Database communication: Prisma
• API testing: Playwright API testing
  • git-secret files with secrets needed for running those tests in CI

Frontend

• Styling: PostCSS + Tailwind CSS
• Component library: Skeleton
• Icon libraries: Font Awesome icons via unplugin-icons package
• Fonts: custom Google Fonts
• Form management: SuperForms
• Component testing: Vitest + Svelte Testing Library

C4 Deployment diagram

See The C4 model for visualising software architecture for more details regarding this diagram type.