Svelte-Template

Description

Template for developing, deploying and locally-testing Svelte-powered frontends.

Template Roadmap

• Template for SPA.
• Template for Routed Frontend.
• Template for PWA.
• Enable component reuse between Web and Mobile apps.
• Enable component reuse between Web, Mobile and Desktop apps.
• Enable component reuse between Web, Mobile, Desktop and Wearable apps.
• Interactive command to start a new frontend project.
  • Choose in how many devices you want your project to live.
  • Pick a routing solution if any (else: SPA)
  • Pick unit tests config
    • Component renderer
    • Test runner (uvu vs vitest)
    • Mocking solution
  • Toggle TS use
  • Publish as Svelteplate

After cloning the proyect

Run the following script to configure git hooks:

source ./initial_script.sh

Dev

Run the project:

- docker-compose up

CI/CD docker commands

- docker build -t svelte_template_image -f Dockerfile.dev .
- docker run --name svelte_template -it -p 3000:3000 -v "$(pwd)/src:/usr/src/app/src" svelte_template_image

Production

docker run --name svelte_template -it -p 80:80 -v "$(pwd)/src:/usr/src/app/src" --rm $(docker build -q -f Dockerfile.build .)