create site with Next & deploy with GA

Update README.md
Update README-en.md

.github/workflows/deploy-page.yml

@@ -0,0 +1,51 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# 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:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.x
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Make build
+        run: |
+          npm i --prefix ./site
+          npm run build --prefix ./site
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload entire repository
+          path: './site/out'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README-en.md

@@ -2,6 +2,12 @@
 
 SmartBite is an AI tool that identifies food dishes in photos, providing details about ingredients, allergens, macronutrients, and calories. Improve your health and well-being with conscious and balanced eating. 🍽️🌿
 
+<div align="center">
+    <img src="https://github.com/sergiolms/smartbite/assets/86774052/897885e8-efca-400e-a679-73b6ab3f828b" alt="SmartBite Showcase gif" />
+    <br/>
+    <i>If your prefer it, <a href="https://github.com/sergiolms/smartbite/assets/86774052/36561ee5-0d07-437d-bf9c-9ebc00980083" target="_blank">here</a> is the video</i>
+</div>
+
 <!-- TODO: añadir el artículo de Medium aquí una vez se publique -->
 
 ## 🚀 The Project

README.md

@@ -4,6 +4,13 @@
 
 SmartBite es una herramienta de IA que identifica platos de comida en fotos, proporcionando detalles sobre ingredientes, alérgenos, macronutrientes y calorías. Mejora tu salud y bienestar con una alimentación consciente y equilibrada. 🍽️🌿
 
+<div align="center">
+    <img src="https://github.com/sergiolms/smartbite/assets/86774052/897885e8-efca-400e-a679-73b6ab3f828b" alt="SmartBite Showcase gif" />
+    <br/>
+    <i>Si lo prefieres, <a href="https://github.com/sergiolms/smartbite/assets/86774052/36561ee5-0d07-437d-bf9c-9ebc00980083" target="_blank">aquí</a> lo tienes en vídeo</i>
+</div>
+
+
 <!-- TODO: añadir el artículo de Medium aquí una vez se publique -->
 
 ## 🚀 El proyecto

site/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

site/.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

site/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

site/jsconfig.json

@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/pages/*"]
+    }
+  }
+}

site/next.config.mjs

@@ -0,0 +1,26 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    output: 'export',
+    reactStrictMode: true,
+    webpack(config, { isServer }) {
+        if (!isServer) {
+          config.resolve = {
+              ...config.resolve,
+              fallback: {
+                  net: false,
+                  dns: false,
+                  tls: false,
+                  assert: false,
+                  path: false,
+                  fs: false,
+                  events: false,
+                  process: false
+              }
+          };
+        }
+
+        return config;
+      }
+};
+
+export default nextConfig;