Kafetegirako atalaren lehen bertsioa sortzen du (#1)

* feat: backean kafetegia sortzen du

* helbidea kentzen du

* feat: kafetegirako desktop bista sortzen du

* Nabigazioa sortzen du

* chore: tsconfig fitxategia sortzen du

* refactor: extract component

* feat: kolorea ematen dio atal bakoitzari

* chore: koloreak sortzen ditu

* fix: nabigazioa konpontzen du

* feat: mugikor menua sortzen du

* fix: tipografia aldatzen du

* feat: kafetegiko menua margotzen du

* feat: produktu zerrenda erakusten du

front/gatsby-config.js

@@ -2,6 +2,38 @@ require('dotenv').config({
   path: `.env.${process.env.NODE_ENV}`,
 });
 
+const qs = require('qs');
+const query = qs.stringify(
+  {
+    populate: {
+      edariBeroak: {
+        populate: ['alergenoak'],
+      },
+      infusioEkologikoak: {
+        populate: ['alergenoak'],
+      },
+      edariHotzak: {
+        populate: ['alergenoak'],
+      },
+      pikatzekoak: {
+        populate: ['alergenoak'],
+      },
+      gozoak: {
+        populate: ['alergenoak'],
+      },
+      anizkoJogurta: {
+        populate: ['alergenoak'],
+      },
+      tostadak: {
+        populate: ['alergenoak'],
+      },
+    },
+  },
+  {
+    encodeValuesOnly: true,
+  },
+);
+
 module.exports = {
   plugins: [
     'gatsby-plugin-react-helmet',
@@ -12,11 +44,26 @@ module.exports = {
         path: `${__dirname}/src/images`,
       },
     },
+    {
+      resolve: 'gatsby-source-custom-api',
+      options: {
+        rootKey: 'kafetegia',
+        url: `http://localhost:1337/api/kafetegia?${query}`,
+      },
+    },
     {
       resolve: 'gatsby-source-strapi',
       options: {
         apiURL: process.env.API_URL || 'http://localhost:1337/api',
-        singleTypes: ['hasiera'],
+        singleTypes: [
+          'hasiera',
+          {
+            name: 'kafetegia',
+            queryParams: {
+              populate: '*',
+            },
+          },
+        ],
         queryLimit: 1000,
       },
     },
@@ -48,7 +95,7 @@ module.exports = {
     {
       resolve: `gatsby-plugin-google-fonts`,
       options: {
-        fonts: [`work sans\:600`],
+        fonts: [`almarai\:600`, `almarai\:300`],
         display: 'swap',
       },
     },