Enhance tutorial (#11) #33

	name: Build & Deploy

	on:
	push:
	branches:
	- main

	jobs:
	build:
	runs-on: ubuntu-latest

	steps:
	- name: Checkout repository
	uses: actions/checkout@v4
	with:
	fetch-depth: 0

	- name: Setup Node.js environment
	uses: actions/setup-node@v4

	- name: Install Dependencies
	run: npm i

	- name: Install Playwright Browsers
	run: npx playwright install --with-deps

	- name: Run Tests
	run: npm run test:ci

	- name: Run Tests Again
	run: npm run test:ci

	- name: Upload storybook to Chromatic
	uses: chromaui/action@v1
	with:
	projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

	- name: Upload coverage reports to Codecov
	uses: codecov/codecov-action@v4.1.1
	with:
	token: ${{ secrets.CODECOV_TOKEN }}
	slug: code-slide/ui

	- name: Run Build
	run: npm run build

	- name: Deploy to GitHub Pages
	uses: JamesIves/github-pages-deploy-action@v4.5.0
	with:
	branch: gh-pages
	folder: dist
	clean: false
	token: ${{ secrets.PR_WORKFLOW }}

Provide feedback