Add GitHub Actions workflow for automatic deployment to GitHub Pages. Update README.md with deployment instructions and enhance Vite configuration to include .nojekyll file. Modify CNAME for correct domain.

Author: allansrc

.github/workflows/deploy.yml

@@ -0,0 +1,54 @@
+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: false
+
+jobs:
+  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
+        run: npm run build
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: "./dist"
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.nojekyll

@@ -1 +1 @@
-www.duckdevlabs.com
+duckdevlabs.com

CNAME

@@ -57,8 +57,66 @@ duckdevlabs.github.io/
 - Vite 5
 - CSS Vanilla (sem frameworks CSS)
 
-## 📝 Deploy
+## 📝 Deploy no GitHub Pages
 
-O site está configurado para GitHub Pages. Após o build, os arquivos serão gerados na pasta `dist/`.
+### Configuração Automática (Recomendado)
 
-O arquivo `CNAME` já está configurado para `duckdevlabs.com`.
+O projeto já está configurado com GitHub Actions para deploy automático. Basta:
+
+1. **Habilitar GitHub Pages no repositório:**
+   - Vá em Settings → Pages
+   - Em "Source", selecione **"GitHub Actions"**
+   - Salve as configurações
+
+2. **Fazer push das mudanças:**
+
+   ```bash
+   git add .
+   git commit -m "Configura deploy automático"
+   git push origin main
+   ```
+
+3. O GitHub Actions vai automaticamente:
+   - Fazer build do projeto
+   - Fazer deploy para GitHub Pages
+   - Atualizar o site sempre que você fizer push na branch `main`
+
+### Deploy Manual (Alternativo)
+
+Se preferir fazer deploy manual:
+
+```bash
+# 1. Build do projeto
+npm run build
+
+# 2. Fazer push da pasta dist/ para a branch gh-pages
+# (ou configurar para usar a branch main como source)
+```
+
+### Configurações Importantes
+
+- ✅ **CNAME**: Já configurado para `duckdevlabs.com`
+- ✅ **.nojekyll**: Criado automaticamente no build para GitHub Pages processar corretamente
+- ✅ **GitHub Actions**: Workflow configurado em `.github/workflows/deploy.yml`
+- ✅ **HTTPS**: Todas as URLs estão configuradas com HTTPS
+
+### Verificar o Deploy
+
+Após o deploy, você pode verificar:
+
+- Actions tab no GitHub: Veja se o workflow foi executado com sucesso
+- Settings → Pages: Veja o status do deploy
+- Acesse `https://duckdevlabs.com` para ver o site no ar
+
+### Problemas Comuns
+
+**Site aparece em branco:**
+
+- Verifique se o GitHub Pages está usando **"GitHub Actions"** como source (não "Deploy from a branch")
+- Verifique os logs na aba Actions para erros
+- Confirme que o arquivo `.nojekyll` está na pasta `dist/`
+
+**Assets não carregam:**
+
+- Certifique-se de que o build foi feito corretamente (`npm run build`)
+- Verifique se os arquivos estão na pasta `dist/assets/`

README.md

@@ -1,11 +1,27 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { copyFileSync, existsSync } from 'fs'
+import { join } from 'path'
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [
+    react(),
+    {
+      name: 'copy-nojekyll',
+      closeBundle() {
+        const nojekyllSrc = join(process.cwd(), '.nojekyll')
+        const nojekyllDest = join(process.cwd(), 'dist', '.nojekyll')
+        if (existsSync(nojekyllSrc)) {
+          copyFileSync(nojekyllSrc, nojekyllDest)
+        }
+      },
+    },
+  ],
   base: '/',
   build: {
     assetsDir: 'assets',
+    outDir: 'dist',
+    emptyOutDir: true,
     rollupOptions: {
       output: {
         assetFileNames: 'assets/[name].[hash].[ext]',