Fix GitHub Pages deployment: resolve CSS and images not loading issue… #11

	name: Deploy to GitHub Pages

	on:
	push:
	branches:
	- main
	pull_request:
	branches:
	- main

	# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
	permissions:
	contents: read
	pages: write
	id-token: write

	# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
	# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
	concurrency:
	group: "pages"
	cancel-in-progress: false

	jobs:
	# Build job
	build:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout
	uses: actions/checkout@v4

	- name: Setup Node.js
	uses: actions/setup-node@v4
	with:
	node-version: '20'
	cache: 'npm'

	- name: Install dependencies
	run: npm ci

	- name: Build Next.js application
	run: npm run build:github-pages

	- name: Add .nojekyll file
	run: \|
	echo "Creating .nojekyll file to disable Jekyll processing"
	touch out/.nojekyll
	echo "Verifying .nojekyll file was created:"
	ls -la out/.nojekyll

	- name: Debug build output
	run: \|
	echo "Build output structure:"
	ls -la out/
	echo "Checking _next directory:"
	ls -la out/_next/
	echo "Checking static assets:"
	ls -la out/_next/static/chunks/ \| head -5

	- name: Upload artifact
	uses: actions/upload-pages-artifact@v3
	with:
	path: ./out

	# Deployment job
	deploy:
	environment:
	name: github-pages
	url: ${{ steps.deployment.outputs.page_url }}
	runs-on: ubuntu-latest
	needs: build
	if: github.ref == 'refs/heads/main'
	steps:
	- name: Deploy to GitHub Pages
	id: deployment
	uses: actions/deploy-pages@v4

Provide feedback