Universal #8

	name: Build app and push to GHCR

	on:
	release:
	types: [published]

	jobs:
	build-webapp:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repo
	uses: actions/checkout@v3

	# Build the app using nodejs
	- name: Use node js 18
	uses: actions/setup-node@v3
	with:
	node-version: '18'
	- name: Install dependencies
	run: npm install
	- name: Build for production
	run: npm run build

	# Setup buildx in order to build for multiple platforms
	- name: Set up QEMU
	uses: docker/setup-qemu-action@v2
	- name: Set up Docker Buildx
	uses: docker/setup-buildx-action@v2

	# Extract metadata for the docker image
	- name: Docker meta
	id: meta
	uses: docker/metadata-action@v4
	with:
	# list of Docker images to use as base name for tags
	images: \|
	ghcr.io/itswadesh/svelte-commerce
	# generate Docker tags based on the following events/attributes
	tags: \|
	type=schedule
	type=ref,event=branch
	type=ref,event=pr
	type=semver,pattern={{version}}
	type=semver,pattern={{major}}.{{minor}}
	type=semver,pattern={{major}}
	type=sha
	# Login to ghcr
	- name: Login to GitHub Container Registry
	uses: docker/login-action@v2
	with:
	registry: ghcr.io
	username: ${{ github.repository_owner }}
	password: ${{ secrets.CR_PAT }}
	# Build the docker image now
	- name: Build and push
	uses: docker/build-push-action@v4
	with:
	context: .
	push: true
	platforms: linux/amd64,linux/arm64
	tags: ${{ steps.meta.outputs.tags }},ghcr.io/itswadesh/svelte-commerce:latest
	labels: ${{ steps.meta.outputs.labels }}

Provide feedback