Fast Webapp Template
| .vscode | ||
| nginx | ||
| public | ||
| src | ||
| tests/pages | ||
| .editorconfig | ||
| .gitignore | ||
| .prettierrc.yml | ||
| astro.config.mjs | ||
| docker-compose.yml | ||
| Dockerfile | ||
| package.json | ||
| playwright.config.ts | ||
| pnpm-lock.yaml | ||
| quadlet.container | ||
| README.md | ||
| tsconfig.json | ||
Fast WebApp Template
How to Use
Clone the Repo
git clone --depth 1 https://git.patalcala.com/patalcala9/fwt.git <project-name>
Navigate to the project
cd <project-name>
Refresh GIT
sudo rm -rf .git
git init
Install Depedencies
pnpm install
Make sure to update the dependencies first
pnpm update
To Use Background
Place your background image in assets/images/background.avif or assets/images/background.webp.
Then, enable by adding <Background image /> or <Background color="#123456">
How to Run
pnpm dev
How to Deploy
Standard
pnpm build
Docker
Edit name and port on docker-compose.yml
sudo vim docker-compose.yml
Run Docker Compose
docker compose up -d
Remove the dangling image created
An node image was created as a requirement for the build process, to ensure dependencies are installed. This image is temporary and should be remove afer the built project is moved to nginx runtime image.
docker rmi $(docker images -f "dangling=true" -q)
Podman
Run Podman Compose
podman-compose up -d
Remove the dangling image created
podman rmi $(docker images -f "dangling=true" -q)
Podman Quadlet
Edit Quadlet Container
sudo vim quadlet/quadlet.container
Copy and Rename the Quadlet to proper directory
mkdir -p ~/.config/containers/systemd/
sudo cp quadlet/quadlet.container ~/.config/containers/systemd/<name>.container
Start at Systemd
systemctl --user daemon-reload
systemctl --user start <name>