initial commit

gatsby-config.js

@@ -40,6 +40,7 @@ module.exports = {
       resolve: 'gatsby-source-storyblok',
       options: {
         accessToken: process.env.GATSBY_PREVIEW_STORYBLOK,
+        // accessToken: "ZdFYtxeakrdRenL0wGCJsgtt",
         version: process.env.NODE_ENV === 'production' ? 'published' : 'draft',
         localAssets: true, // Optional parameter to download the images to use with Gatsby Image Plugin
         // languages: ['de', 'at'] // Optional parameter. Omission will retrieve all languages by default.

localhost-key.pem

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDL4ArfEiNUy9jn
+cN+KPKC/0REmkc2tjPKiu50vltai/ITehJ7ezUxmikvF8KjaQrDMwP9ppAmRcsT+
+aupgRhcQgMWK7ZUM3J2OVRmWAksggeDIcGvj2LK6ZRu7kKgrjq1LYKP8ujB93Lda
+wJ5aFysbG3+61MQ03AhMs4Pt6Lr1taIoOpD3EKQx6adtH8PbMpViTQECj8nkcMb3
+2PiIJ/gbOtSyVlkYwyUzeHyjLalyD8snzZpRHi45gG+UHa9lfHHjaPFKH67g9FLm
+uMauZpSaE01pbwRVWV73aDp7Eu8hxkLjAgTgIznIYAjMgj5lLzUwRcUhhdVPSs8m
+zxUcxlLpAgMBAAECggEBAJxXbd7MmP2A6Q/qlfH7NkaCe8V5ECHjsXmrqAmDgYsx
+XG8Lgo1XIByONzdOqx3dAJmz8um/GntIaNq1gJBdj3hfV52HPcLEN6qbhehsT9JY
+5tiupX3vgne/63l1oBDu8+OW84pt+Zu7M3xLs+NgWvUJrHTIjsH+bfrruuMpkp2y
+0d9NqaTMFNvsIV1qHHV2CHkWr+IbSuxQhbmPvOUCpQqQdNQW9CbjNFRBxOYNfNyo
+iQOgUV97xTlD5cwR0emiUVpohtKMF3lZ3uuRAR44zWa3TNrp3HIk8ZoeXcosjsbJ
+WqozO06x4TGqY/R4115Fw4galMUa9yHjALdk5O7LwoECgYEA1tOabb4U5N8qyxq4
+APOwIYyuA9RSZlCH9nrnPICyhFfOrF0TiARtNUTqi3H0ME2pjyYmfjsrKIzWhDO2
+acWRTUx7q/1YWVJQzgxCGeIXkV1TbbcRwEa9FpgyiUx7SCBcp9Zoh/KVBKD8LFSG
+N0tZU0OVdnyrPGU+Q3GZ4Bba2jkCgYEA8vMcoseWEkf3kuBfaHsmwQAFa7PF+XXU
+AtRwPLSRx1Ypo/ZapkL5DjJsiow0BfR26clMVTGMAE4u2O6ZamUHGQ2vSbdD7cs6
+Ww+8L9SOUg5wIysZdIJqm+zszNAuiqwE4232nE+zxR9s64GffoetilzNlP8L36sK
++paKOfNO/jECgYAGJxdUL05/45hhKsm8VT5lJ5dQSsN1ZLcQKyL2S6VRPwaPTzcg
+/Sd3kBq7la7ttzu0+t29Xcp1pdr6/FQsIVlxAlDEc0QVgtMHo7g874nHQwoBqW2b
+uSrvO7quzf716N9eeziRNDRqZoXyaxVQ/hp31Qax1w48c5Xd7qH+lgj8mQKBgQC7
+1yop1WT7x3bssdwynR0ulgSa7ElCgk6kzXnmBbq8w6q4Ye5epGOKDYSMbrB+djBG
+u+Pv7roPNmPUSE6Hy4r8XO9NcIvt3HbHF1hqJs7PNOiQ2G76/SbOXhYMmV2SzEOP
+UGMfIiSdYZnGUNdvbhnIY85zx+p3SfjYHPLMsYk+0QKBgCb5rqYfJO8NsHRxQy8V
+HTpX8VcDFZONlzjDWPCXAPmpp1jYpiw95QIYnzCC5AZVshysD4rv7GIZYV8j6yRB
+lC/N0B8QcrYbS6Xcr/u+1H0naLN/Ee+82gKJVQPUyUgscjpB804xOjE+COm+yVSq
+eby57Q9vDRlFVND0ddKj21fX
+-----END PRIVATE KEY-----

localhost.pem

@@ -0,0 +1,26 @@
+-----BEGIN CERTIFICATE-----
+MIIEYDCCAsigAwIBAgIRAMbh5KMXnqilc+6SS7fA5uwwDQYJKoZIhvcNAQELBQAw
+gZ8xHjAcBgNVBAoTFW1rY2VydCBkZXZlbG9wbWVudCBDQTE6MDgGA1UECwwxcGF0
+cmlja0BQYXRyaWNrcy1NYWNCb29rLVByby5sb2NhbCAoUGF0cmljayBPZGV5KTFB
+MD8GA1UEAww4bWtjZXJ0IHBhdHJpY2tAUGF0cmlja3MtTWFjQm9vay1Qcm8ubG9j
+YWwgKFBhdHJpY2sgT2RleSkwHhcNMjIxMTE3MDkwOTI4WhcNMjUwMjE3MDkwOTI4
+WjBXMScwJQYDVQQKEx5ta2NlcnQgZGV2ZWxvcG1lbnQgY2VydGlmaWNhdGUxLDAq
+BgNVBAsMI3BhdHJpY2tAUGF0cmlja3MtTUJQIChQYXRyaWNrIE9kZXkpMIIBIjAN
+BgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAy+AK3xIjVMvY53Dfijygv9ERJpHN
+rYzyorudL5bWovyE3oSe3s1MZopLxfCo2kKwzMD/aaQJkXLE/mrqYEYXEIDFiu2V
+DNydjlUZlgJLIIHgyHBr49iyumUbu5CoK46tS2Cj/Lowfdy3WsCeWhcrGxt/utTE
+NNwITLOD7ei69bWiKDqQ9xCkMemnbR/D2zKVYk0BAo/J5HDG99j4iCf4GzrUslZZ
+GMMlM3h8oy2pcg/LJ82aUR4uOYBvlB2vZXxx42jxSh+u4PRS5rjGrmaUmhNNaW8E
+VVle92g6exLvIcZC4wIE4CM5yGAIzII+ZS81MEXFIYXVT0rPJs8VHMZS6QIDAQAB
+o14wXDAOBgNVHQ8BAf8EBAMCBaAwEwYDVR0lBAwwCgYIKwYBBQUHAwEwHwYDVR0j
+BBgwFoAUl8SEKrMzoe+LYIstyX50Hhdyf2swFAYDVR0RBA0wC4IJbG9jYWxob3N0
+MA0GCSqGSIb3DQEBCwUAA4IBgQBSz+QRI/ISJETf97hhY0e19nFz/oiIyKpya1wK
+qHQqsFrLU44hEVa7WqJcRfMa4b4FV5HxRuW8arEwVAPqpIOByIInNNkg84B00t0f
+wfZfwoWLwIXqA/yxpRN1g7TrCApfp7dz90a1L6z7d6/L6x86xWEmT3UxlunjhL0R
+NbQ0uuT8jwIXATu0ueat75WI6wYfrUiYEv0zeO5EBEUkrjrn/0aSEB4w3auFnciu
+9I3ctelwZ3xh/fYfHX+2j9NkJ7GEme4tIN/+40CdX1sb4wl1ArwEqXKPeFVsVztV
+d7bzcsJlF5AEI5RYJocV3OPUbNA+Bm4UuHVOU/zCtlgwWSJPabU0mpQhsbbKZuBf
+d8KvlvMGwfHFkjHSoSRJrk0nV+e61bPSiUlZK+v9FUZYX7dzsKp8B86WgqkXlpJJ
+B0IjiPfPHkNzQPsM3X0Dly1SL4L1dVTJm6DTb2V4V3HVIE6fVR9f4eFwunvwrxo3
+I69dDz8REC53GOg4++8jujom8yU=
+-----END CERTIFICATE-----

src/components/Grid.js

@@ -1,12 +1,14 @@
 import React from "react";
 import { StoryblokComponent, storyblokEditable } from "gatsby-source-storyblok";
-
+ 
 const Grid = ({ blok }) => (
-  <div className="grid grid-cols-3" {...storyblokEditable(blok)}>
-    {blok.columns.map((nestedBlok) => (
-      <StoryblokComponent blok={nestedBlok} key={nestedBlok._uid} />
+  <ul {...storyblokEditable(blok)} key={blok._uid}>
+    {blok.columns.map((blok) => (
+      <li key={blok._uid}>
+        <StoryblokComponent blok={blok} />
+      </li>
     ))}
-  </div>
+  </ul>
 );
-
+ 
 export default Grid;

src/components/teaser.js

@@ -1,12 +1,12 @@
 import * as React from "react"
 import { storyblokEditable } from "gatsby-source-storyblok";
-
+ 
 const Teaser = ({ blok }) => {
   return (
-    <h2 className="text-2xl mb-10" {...storyblokEditable(blok)}>
-      {blok.headline}
-    </h2>
+    <div {...storyblokEditable(blok)}>
+      <h1>{blok.headline}</h1>
+    </div>
   )
 }
-
+ 
 export default Teaser

src/pages/index.js

@@ -14,6 +14,7 @@ export default function Home({ data }) {
   return (
     <Layout>
       <div {...storyblokEditable(story.content)}>
+      <h1>{story.name}</h1>
         {components}
       </div>
     </Layout>