[12/110/2025]release: Add blog feature and fixed top menu icons and buttons

.github/workflows/deploy-render.yml

@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - production
+      - develop
 
 jobs:
   deploy:
@@ -14,9 +15,15 @@ jobs:
 
       - name: Trigger Render deploy
         run: |
+          if [ "${GITHUB_REF##*/}" = "production" ]; then
+            SERVICE_ID="${{ secrets.RENDER_SERVICE_ID_PROD }}"
+          else
+            SERVICE_ID="${{ secrets.RENDER_SERVICE_ID_DEV }}"
+          fi
+
           curl -X POST \
             -H "Accept: application/json" \
             -H "Authorization: Bearer ${{ secrets.RENDER_API_KEY }}" \
             -H "Content-Type: application/json" \
-            -d '{"serviceId": "${{ secrets.RENDER_SERVICE_ID }}"}' \
-            https://api.render.com/v1/services/${{ secrets.RENDER_SERVICE_ID }}/deploys
+            -d "{\"serviceId\": \"$SERVICE_ID\"}" \
+            https://api.render.com/v1/services/$SERVICE_ID/deploys

.github/workflows/lighthouse.yml

@@ -0,0 +1,33 @@
+name: Lighthouse
+on:
+  push:
+    branches:
+      - develop
+      - production
+  pull_request:
+    branches:
+      - develop
+      - production
+
+jobs:
+  lhci:
+    name: Lighthouse
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+      - name: Install dependencies and build
+        run: |
+          npm install
+          npm run build
+      - name: Run Lighthouse CI
+        run: |
+          npm install -g @lhci/cli@0.15.x
+          npm run start &
+          npx wait-on http://localhost:3000
+          lhci autorun --collect.url=http://localhost:3000 --upload.target=temporary-public-storage
+        env:
+          LHCI_GITHUB_APP_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}

.github/workflows/prettier.yml

@@ -0,0 +1,42 @@
+name: Prettier
+
+on:
+  push:
+    branches:
+      - main
+      - develop
+  workflow_dispatch:
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref_name }}
+  cancel-in-progress: true
+
+permissions:
+  contents: write
+
+jobs:
+  run:
+    name: Check if the code is prettier 🤔
+    runs-on: ubuntu-latest
+    if: ${{ github.ref_name == 'main' || github.ref_name == 'develop' }}
+    steps:
+      - uses: actions/checkout@v5
+      - uses: actions/setup-node@v5
+        with:
+          node-version: lts/*
+      - run: npm ci --ignore-scripts
+      - uses: actions/cache@v4
+        with:
+          path: node_modules/.cache/prettier/.prettier-cache
+          key: prettier-${{ hashFiles('package-lock.json') }}-${{ hashFiles('.gitignore') }}
+      - run: npm run format
+      - run: git restore .github/workflows
+      - uses: peter-evans/create-pull-request@271a8d0340265f705b14b6d32b9829c1cb33d45e
+        with:
+          body: 'Ran `npm run format` 🤖'
+          branch: actions/prettier-if-needed
+          commit-message: 'chore(prettier): 🤖 ✨'
+          labels: '🤖 bot'
+          sign-commits: true
+          title: 'chore(prettier): 🤖 ✨'
+          token: ${{ secrets.PAT_TOKEN }}

.gitignore

@@ -13,3 +13,4 @@ yarn-error.log*
 
 # Sistema
 .DS_Store
+.env.local

.vscode/settings.json

@@ -1,17 +1,16 @@
 {
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "[javascript]": {
-      "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[typescript]": {
-      "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[javascriptreact]": {
-      "editor.defaultFormatter": "esbenp.prettier-vscode"
-    },
-    "[typescriptreact]": {
-      "editor.defaultFormatter": "esbenp.prettier-vscode"
-    }
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
-  
+}

README-BLOG.md

@@ -0,0 +1,34 @@
+# Blog CMS
+
+Blog dinâmico usando Notion como CMS.
+
+## Configuração
+
+1. Crie uma integração no [Notion](https://www.notion.so/my-integrations)
+2. Copie o arquivo `.env.blog.example` para `.env.local`
+3. Configure suas credenciais do Notion
+4. Execute `npm run dev`
+
+## Estrutura do Database
+
+Propriedades necessárias no Notion:
+
+- **Title** (Title) - Título do artigo
+- **slug** (Rich text) - URL slug único
+- **Author** (People) - Autor do artigo
+- **Cover** (Files) - Imagem de capa
+- **Date** (Date) - Data de publicação
+- **Tags** (Multi-select) - Tags do artigo
+- **Status** (Status) - Status: "Publicado" para publicar
+
+## Status Disponíveis
+
+- **Rascunho** - Artigo em desenvolvimento
+- **Revisando** - Artigo em revisão
+- **Publicado** - Artigo publicado no blog
+
+## Rotas
+
+- `/blog` - Listagem de artigos
+- `/blog/[slug]` - Artigo individual
+- `/test-notion` - Teste de conexão

README-CONTRIBUIDOR.md

@@ -1,4 +1,3 @@
-
 # README para Primeiros Colaboradores - Diaum
 
 > **Bem-vindo ao projeto Diaum!** 🎉  
@@ -82,6 +81,7 @@ O site Diaum possui as seguintes seções:
    - Clone seu fork localmente
 
 2. **Crie uma Nova Branch**
+
    ```bash
    git checkout -b feature/nova-secao
    # ou
@@ -94,12 +94,14 @@ O site Diaum possui as seguintes seções:
    - Certifique-se de que não quebrou funcionalidades existentes
 
 4. **Commit suas Mudanças**
+
    ```bash
    git add .
    git commit -m "feat: adiciona nova seção de componentes"
    ```
 
 5. **Push para seu Fork**
+
    ```bash
    git push origin feature/nova-secao
    ```
@@ -129,7 +131,7 @@ O site Diaum possui as seguintes seções:
 
 ## 🚀 Deploy
 
-A forma mais rápida de fazer deploy do Diaum é no [Vercel](https://vercel.com/). 
+A forma mais rápida de fazer deploy do Diaum é no [Vercel](https://vercel.com/).
 
 Consulte a [documentação de deploy do Next.js](https://vercel.com/docs/deployments/deployment-methods) para outras opções de deployment.
 
@@ -155,18 +157,21 @@ Consulte a [documentação de deploy do Next.js](https://vercel.com/docs/deploym
 ## ❓ Dúvidas Frequentes
 
 ### Como faço para rodar os testes?
+
 ```bash
 npm test
 ```
 
 ### Como faço o build de produção?
+
 ```bash
 npm run build
 ```
 
 ### Como reporto um bug?
 
 Abra uma issue no GitHub com:
+
 - Descrição clara do problema
 - Passos para reproduzir
 - Comportamento esperado vs. atual

env.blog.example

@@ -0,0 +1,23 @@
+# Configuração do Blog CMS com Notion
+# 
+# COMO GERAR O TOKEN:
+# 1. Acesse: https://www.notion.so/my-integrations
+# 2. Clique em "New integration"
+# 3. Dê um nome (ex: "Meu Blog CMS")
+# 4. Selecione o workspace
+# 5. Clique em "Submit"
+# 6. Copie o "Internal Integration Token" (começa com ntn_)
+# 7. Cole abaixo substituindo os xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+#
+# COMO PEGAR O DATABASE ID:
+# 1. Abra seu database no Notion
+# 2. Copie a URL: https://notion.so/workspace/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx?v=...
+# 3. O ID é a parte entre "notion.so/workspace/" e "?v="
+# 4. Cole abaixo substituindo os xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+#
+# IMPORTANTE: Compartilhe o database com sua integração!
+# - No database, clique em "Share" no canto superior direito
+# - Adicione sua integração (nome que você deu no passo 3)
+
+NOTION_TOKEN=ntn_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+NOTION_DATABASE_ID=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

next.config.mjs

@@ -1,4 +1,33 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**.notion.so',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: '**.amazonaws.com',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: '**.s3.amazonaws.com',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: '**.googleusercontent.com',
+        port: '',
+        pathname: '/**',
+      },
+    ],
+  },
+}
 
 export default nextConfig