Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

The stack

nodeexx edited this page Jan 15, 2024 · 18 revisions

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.

Clone this wiki locally

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /