Merge pull request #218 from codeableorg:aws-s3

feat: update image sources to use S3 bucket and add imagesBaseUrl in config

Author: diegotc86

prisma/initial_data.ts

@@ -1,26 +1,28 @@
+import { imagesBaseUrl } from "@/config";
+
 import type { CategorySlug } from "@/../generated/prisma/client";
 
 export const categories = [
   {
     title: "Polos",
     slug: "polos" as CategorySlug,
-    imgSrc: "/images/polos.jpg",
+    imgSrc: `${imagesBaseUrl}/polos.jpg`,
     alt: "Hombre luciendo polo azul",
     description:
       "Polos exclusivos con diseños que todo desarrollador querrá lucir. Ideales para llevar el código a donde vayas.",
   },
   {
     title: "Tazas",
     slug: "tazas" as CategorySlug,
-    imgSrc: "/images/tazas.jpg",
+    imgSrc: `${imagesBaseUrl}/tazas.jpg`,
     alt: "Tazas con diseño de código",
     description:
       "Tazas que combinan perfectamente con tu café matutino y tu pasión por la programación. ¡Empieza el día con estilo!",
   },
   {
     title: "Stickers",
     slug: "stickers" as CategorySlug,
-    imgSrc: "/images/stickers.jpg",
+    imgSrc: `${imagesBaseUrl}/stickers.jpg`,
     alt: "Stickers de desarrollo web",
     description:
       "Personaliza tu espacio de trabajo con nuestros stickers únicos y muestra tu amor por el desarrollo web.",
@@ -30,7 +32,7 @@ export const categories = [
 export const products = [
   {
     title: "Polo React",
-    imgSrc: "/images/polos/polo-react.png",
+    imgSrc: `${imagesBaseUrl}/polos/polo-react.png`,
     price: 20.0,
     description:
       "Viste tu pasión por React con estilo y comodidad en cada línea de código.",
@@ -45,7 +47,7 @@ export const products = [
   },
   {
     title: "Polo JavaScript",
-    imgSrc: "/images/polos/polo-js.png",
+    imgSrc: `${imagesBaseUrl}/polos/polo-js.png`,
     price: 20.0,
     description:
       "Deja que tu amor por JavaScript hable a través de cada hilo de este polo.",
@@ -60,7 +62,7 @@ export const products = [
   },
   {
     title: "Polo Node.js",
-    imgSrc: "/images/polos/polo-node.png",
+    imgSrc: `${imagesBaseUrl}/polos/polo-node.png`,
     price: 20.0,
     description:
       "Conéctate al estilo con este polo de Node.js, tan robusto como tu código.",
@@ -75,7 +77,7 @@ export const products = [
   },
   {
     title: "Polo TypeScript",
-    imgSrc: "/images/polos/polo-ts.png",
+    imgSrc: `${imagesBaseUrl}/polos/polo-ts.png`,
     price: 20.0,
     description:
       "Tipa tu estilo con precisión: lleva tu pasión por TypeScript en cada hilo.",
@@ -90,7 +92,7 @@ export const products = [
   },
   {
     title: "Polo Backend Developer",
-    imgSrc: "/images/polos/polo-backend.png",
+    imgSrc: `${imagesBaseUrl}/polos/polo-backend.png`,
     price: 25.0,
     description:
       "Domina el servidor con estilo: viste con orgullo tu título de Backend Developer.",
@@ -105,7 +107,7 @@ export const products = [
   },
   {
     title: "Polo Frontend Developer",
-    imgSrc: "/images/polos/polo-frontend.png",
+    imgSrc: `${imagesBaseUrl}/polos/polo-frontend.png`,
     price: 25.0,
     description:
       "Construye experiencias con estilo: luce con orgullo tu polo de Frontend Developer.",
@@ -120,7 +122,7 @@ export const products = [
   },
   {
     title: "Polo Full-Stack Developer",
-    imgSrc: "/images/polos/polo-fullstack.png",
+    imgSrc: `${imagesBaseUrl}/polos/polo-fullstack.png`,
     price: 25.0,
     description:
       "Domina ambos mundos con estilo: lleva tu título de FullStack Developer en cada línea de tu look.",
@@ -135,7 +137,7 @@ export const products = [
   },
   {
     title: "Polo It's A Feature",
-    imgSrc: "/images/polos/polo-feature.png",
+    imgSrc: `${imagesBaseUrl}/polos/polo-feature.png`,
     price: 15.0,
     description:
       "Cuando el bug se convierte en arte: lleva con orgullo tu polo 'It's a feature'.",
@@ -150,7 +152,7 @@ export const products = [
   },
   {
     title: "Polo It Works On My Machine",
-    imgSrc: "/images/polos/polo-works.png",
+    imgSrc: `${imagesBaseUrl}/polos/polo-works.png`,
     price: 15.0,
     description:
       "El clásico del desarrollador: presume tu confianza con 'It works on my machine'.",
@@ -165,7 +167,7 @@ export const products = [
   },
   {
     title: "Sticker JavaScript",
-    imgSrc: "/images/stickers/sticker-js.png",
+    imgSrc: `${imagesBaseUrl}/stickers/sticker-js.png`,
     price: 2.99,
     description:
       "Muestra tu amor por JavaScript con este elegante sticker clásico.",
@@ -180,7 +182,7 @@ export const products = [
   },
   {
     title: "Sticker React",
-    imgSrc: "/images/stickers/sticker-react.png",
+    imgSrc: `${imagesBaseUrl}/stickers/sticker-react.png`,
     price: 2.49,
     description:
       "Decora tus dispositivos con el icónico átomo giratorio de React.",
@@ -195,7 +197,7 @@ export const products = [
   },
   {
     title: "Sticker Git",
-    imgSrc: "/images/stickers/sticker-git.png",
+    imgSrc: `${imagesBaseUrl}/stickers/sticker-git.png`,
     price: 3.99,
     description:
       "Visualiza el poder del control de versiones con este sticker de Git.",
@@ -210,7 +212,7 @@ export const products = [
   },
   {
     title: "Sticker Docker",
-    imgSrc: "/images/stickers/sticker-docker.png",
+    imgSrc: `${imagesBaseUrl}/stickers/sticker-docker.png`,
     price: 2.99,
     description:
       "La adorable ballena de Docker llevando contenedores en un sticker único.",
@@ -225,7 +227,7 @@ export const products = [
   },
   {
     title: "Sticker Linux",
-    imgSrc: "/images/stickers/sticker-linux.png",
+    imgSrc: `${imagesBaseUrl}/stickers/sticker-linux.png`,
     price: 2.49,
     description:
       "El querido pingüino Tux, mascota oficial de Linux, en formato sticker.",
@@ -240,7 +242,7 @@ export const products = [
   },
   {
     title: "Sticker VS Code",
-    imgSrc: "/images/stickers/sticker-vscode.png",
+    imgSrc: `${imagesBaseUrl}/stickers/sticker-vscode.png`,
     price: 2.49,
     description: "El elegante logo del editor favorito de los desarrolladores.",
     categoryId: 3,
@@ -254,7 +256,7 @@ export const products = [
   },
   {
     title: "Sticker GitHub",
-    imgSrc: "/images/stickers/sticker-github.png",
+    imgSrc: `${imagesBaseUrl}/stickers/sticker-github.png`,
     price: 2.99,
     description:
       "El alojamiento de repositorios más popular en un sticker de alta calidad.",
@@ -269,7 +271,7 @@ export const products = [
   },
   {
     title: "Sticker HTML",
-    imgSrc: "/images/stickers/sticker-html.png",
+    imgSrc: `${imagesBaseUrl}/stickers/sticker-html.png`,
     price: 2.99,
     description:
       "El escudo naranja de HTML5, el lenguaje que estructura la web.",
@@ -284,7 +286,7 @@ export const products = [
   },
   {
     title: "Taza JavaScript",
-    imgSrc: "/images/tazas/taza-js.png",
+    imgSrc: `${imagesBaseUrl}/tazas/taza-js.png`,
     price: 14.99,
     description:
       "Disfruta tu café mientras programas con el logo de JavaScript.",
@@ -299,7 +301,7 @@ export const products = [
   },
   {
     title: "Taza React",
-    imgSrc: "/images/tazas/taza-react.png",
+    imgSrc: `${imagesBaseUrl}/tazas/taza-react.png`,
     price: 13.99,
     description:
       "Una taza que hace render de tu bebida favorita con estilo React.",
@@ -314,7 +316,7 @@ export const products = [
   },
   {
     title: "Taza Git",
-    imgSrc: "/images/tazas/taza-git.png",
+    imgSrc: `${imagesBaseUrl}/tazas/taza-git.png`,
     price: 12.99,
     description: "Commit a tu rutina diaria de café con esta taza de Git.",
     categoryId: 2,
@@ -328,7 +330,7 @@ export const products = [
   },
   {
     title: "Taza SQL",
-    imgSrc: "/images/tazas/taza-sql.png",
+    imgSrc: `${imagesBaseUrl}/tazas/taza-sql.png`,
     price: 15.99,
     description: "Tu amor por los lenguajes estructurados en una taza de SQL.",
     categoryId: 2,
@@ -342,7 +344,7 @@ export const products = [
   },
   {
     title: "Taza Linux",
-    imgSrc: "/images/tazas/taza-linux.png",
+    imgSrc: `${imagesBaseUrl}/tazas/taza-linux.png`,
     price: 13.99,
     description: "Toma tu café con la libertad que solo Linux puede ofrecer.",
     categoryId: 2,
@@ -356,7 +358,7 @@ export const products = [
   },
   {
     title: "Taza GitHub",
-    imgSrc: "/images/tazas/taza-github.png",
+    imgSrc: `${imagesBaseUrl}/tazas/taza-github.png`,
     price: 14.99,
     description: "Colabora con tu café en esta taza con el logo de GitHub.",
     categoryId: 2,