Resolucao de conflitos

Author: gaherrera00

.github/workflows/deploy.yml

@@ -0,0 +1,50 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

GITHUB_PAGES_SETUP.md

@@ -0,0 +1,15 @@
+# Publicação no GitHub Pages
+
+Este repositório já contém o workflow de publicação (`.github/workflows/deploy.yml`). Para ativar o GitHub Pages basta habilitar a opção no GitHub e fazer um push.
+
+## Passo a passo
+1. Faça push da branch `main` para o GitHub.
+2. No GitHub, abra **Settings > Pages**.
+3. Em **Source**, selecione **GitHub Actions** e salve.
+4. A action "Deploy to GitHub Pages" será executada automaticamente a cada push na `main` (ou manualmente via **Run workflow** em **Actions**).
+5. Após o término da action, a URL pública aparecerá no log (formato `https://<usuario>.github.io/siteFacul/`).
+
+## Observações
+- Se o repositório tiver outro nome, ajuste o `base` em `vite.config.js` para corresponder (ex.: `base: '/novo-repo/'`).
+- É necessário ter permissões de administrador no repositório para ativar o Pages em **Settings**.
+- Não é possível habilitar o Pages diretamente daqui; siga os passos acima na interface do GitHub.

README.md

@@ -15,3 +15,16 @@ Inclui estrutura responsiva e navegação entre seções.
 
 ## Objetivo
 Demonstrar base sólida em front-end puro e boas práticas de estilização.
+
+## Publicar no GitHub Pages
+Siga estes passos para publicar o projeto em `github.io` usando o fluxo do GitHub Pages:
+
+1. Garanta que o repositório se chama `siteFacul` (ou ajuste o `base` no `vite.config.js` para corresponder ao nome do repositório).
+2. Faça o push da branch `main` para o GitHub.
+3. No GitHub, vá em **Settings > Pages** e selecione **Source: GitHub Actions**.
+4. O workflow `.github/workflows/deploy.yml` já faz o build (`npm ci && npm run build`) e publica o conteúdo de `dist` no GitHub Pages ao receber push na `main` ou via **Run workflow**.
+5. Aguarde a finalização da action e acesse a URL indicada no log (formato `https://<usuario>.github.io/siteFacul/`).
+
+Se usar outro nome de repositório, troque o valor de `base` no `vite.config.js` para `'/novo-nome/'` antes de buildar e publicar.
+
+Para um passo a passo rápido e observações adicionais, consulte também `GITHUB_PAGES_SETUP.md`.

vite.config.js

@@ -2,5 +2,6 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 
 export default defineConfig({
+  base: '/siteFacul/',
   plugins: [react()],
 });