learn: update content, add algolia search (close #2308) (#2731)

community/learn/README.md

@@ -9,16 +9,16 @@ There are three different series:
 
 - [React](https://learn.hasura.io/graphql/react)
 - [Vue](https://learn.hasura.io/graphql/vue)
-- Angular (coming soon)
+- [Angular](https://learn.hasura.io/graphql/angular-apollo)
-- Elm (coming soon)
+- [Elm](https://learn.hasura.io/graphql/elm-graphql)
-- ReasonML (coming soon)
+- [ReasonML](https://learn.hasura.io/graphql/reason-react-apollo)
 
 #### Mobile
 
 - [React Native](https://learn.hasura.io/graphql/react-native)
 - [iOS](https://learn.hasura.io/graphql/ios)
 - [Android](https://learn.hasura.io/graphql/android)
-- Flutter (coming soon)
+- [Flutter](https://learn.hasura.io/graphql/flutter-graphql)
 
 #### Backend
 

community/learn/graphql-tutorials/backend-services/homepage/Dockerfile

@@ -1,4 +1,4 @@
-FROM node:carbon
+FROM node:buster
 
 # Create app directory
 WORKDIR /app

community/learn/graphql-tutorials/backend-services/homepage/src/components/TopBanner.js

@@ -15,7 +15,7 @@ class TopBanner extends React.Component {
               <div className={'whiteLineSeperator'}>
               </div>
               <div className={'sectionDescription'}>
-                With these <a href="https://github.com/hasura/graphql-engine/tree/master/community/learn">open-source</a> community maintained tutorials, you will move from the basics of GraphQL to building a real-time application in 2 hours
+                With these <a href="https://github.com/hasura/graphql-engine/tree/master/community/learn">open-source</a> community maintained tutorials, you will move from the basics of GraphQL to building a real-time application in 2 hours.
               </div>
             </div>
             <div className={'col-md-6 col-sm-6 col-xs-12 noPadd'}>

community/learn/graphql-tutorials/backend-services/homepage/src/pages/index.js

@@ -15,10 +15,10 @@ class Index extends React.Component {
         <Header/>
         <TopBanner/>
         <Tutorials/>
-        <Featured/>
-        <WillLearn/>
         <Testimonials/>
+        <WillLearn/>
         <SubscribeNewsletter/>
+        <Featured/>
         <Footer/>
       </div>
     );

community/learn/graphql-tutorials/backend-services/homepage/src/styles/styles.scss

@@ -496,82 +496,42 @@ ul
 .reactBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/react-original.svg');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/react-purple.svg');
-  }
 }
 .vueBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/vue-original.svg');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/vue-purple.svg');
-  }
 }
 .angularBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/angular-original.svg');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/angular-purple.svg');
-  }
 }
 .elmBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/elm-original.jpg');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/elm-purple.svg');
-  }
 }
 .reBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/reasonml-original.svg');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/reasonml-purple.svg');
-  }
 }
 .hasuraBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/hasura-original.svg');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/hasura-purple.svg');
-  }
 }
 .postgresBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/postgres-original.svg');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/postgres-purple.svg');
-  }
 }
 .iosBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/ios-original.png');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/ios-purple.svg');
-  }
 }
 .androidBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/android-original.svg');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/android-purple.svg');
-  }
 }
 .flutterBg
 {
   background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/flutter-original.svg');
-  &:hover
-  {
-    background-image: url('https://graphql-engine-cdn.hasura.io/learn-hasura/assets/homepage/flutter-purple.svg');
-  }
 }
 .reactDisableBg
 {

community/learn/graphql-tutorials/manifests/android-apollo.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: android-apollo
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/manifests/angular-apollo.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: angular-apollo
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/manifests/elm-graphql.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: elm-graphql
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/manifests/flutter-graphql.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: flutter-graphql
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/manifests/hasura-backend.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: hasura-backend
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/manifests/hasura.yaml

@@ -17,7 +17,7 @@ spec:
         app: hasura
     spec:
       containers:
-      - image: hasura/graphql-engine:v1.0.0-beta.3
+      - image: hasura/graphql-engine:v1.0.0-beta.4
         imagePullPolicy: IfNotPresent
         name: hasura
         env:

community/learn/graphql-tutorials/manifests/ios-apollo.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: ios-apollo
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/manifests/react-apollo.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: react-apollo
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/manifests/react-native-apollo.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: react-native-apollo
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/manifests/reason-react-apollo.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: reason-react-apollo
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/manifests/vue-apollo.yaml

@@ -25,6 +25,22 @@ spec:
       - image: hasura/base-git-image:0.7
         imagePullPolicy: IfNotPresent
         name: vue-apollo
+        env:
+        - name: GATSBY_ALGOLIA_APP_ID
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAppId
+        - name: GATSBY_ALGOLIA_SEARCH_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaSearchKey
+        - name: ALGOLIA_ADMIN_KEY
+          valueFrom:
+            secretKeyRef:
+              name: hasura-secret
+              key: algoliaAdminKey
         ports:
         - containerPort: 8080
           protocol: TCP

community/learn/graphql-tutorials/tutorials/android-apollo/tutorial-site/Dockerfile

@@ -1,12 +1,12 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
 
-# clone gatsby-gitbook-starter
+# clone gatsby-gitbook-starter repo
 RUN git clone https://github.com/hasura/gatsby-gitbook-starter.git
 
 # Create app directory
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/graphql-tutorials/tutorials/android-apollo/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/graphql-tutorials/tutorials/android-apollo/tutorial-site/config.js

@@ -15,6 +15,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-android-apollo",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/learn/graphql-tutorials/tutorials/angular-apollo/tutorial-site/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/graphql-tutorials/tutorials/angular-apollo/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/graphql-tutorials/tutorials/angular-apollo/tutorial-site/config.js

@@ -15,6 +15,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-angular-apollo",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/learn/graphql-tutorials/tutorials/elm-graphql/tutorial-site/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/graphql-tutorials/tutorials/elm-graphql/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/graphql-tutorials/tutorials/elm-graphql/tutorial-site/config.js

@@ -15,6 +15,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-elm-graphql",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/learn/graphql-tutorials/tutorials/flutter-graphql/tutorial-site/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/graphql-tutorials/tutorials/flutter-graphql/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/graphql-tutorials/tutorials/flutter-graphql/tutorial-site/config.js

@@ -15,6 +15,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-flutter-graphql",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/config.js

@@ -15,6 +15,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-ios-apollo",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 21:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/config.js

@@ -15,6 +15,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-react-apollo",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/config.js

@@ -15,6 +15,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-react-native-apollo",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/learn/graphql-tutorials/tutorials/reason-react-apollo/tutorial-site/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/graphql-tutorials/tutorials/reason-react-apollo/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/graphql-tutorials/tutorials/reason-react-apollo/tutorial-site/config.js

@@ -15,6 +15,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-reason-react-apollo",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-07-30 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/config.js

@@ -15,6 +15,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-vue-apollo",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/subscriptions/2-apollo-subscription.md

@@ -6,4 +6,4 @@ metaDescription: "The easiest way to bring live data to your Vue app UI is using
 
 The easiest way to bring live data to your UI is using the Smart Subscription from vue-apollo. Each subscription declared in the apollo.$subscribe option in a component results in the creation of a smart subscription object.
 
-One thing to note, subscriptions are just listeners, they don’t request any data when first connected, but only open up a connection to get new data.
+One thing to note, subscriptions in vue-apollo are just listeners, they don’t request any data when first connected, but only open up a connection to get new data. But in Hasura GraphQL Engine, subscriptions are live queries. The initial request gives back data, if any, for the subscription.

community/learn/hasura/graphql-tutorial-backend/tutorial-site/Dockerfile

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-06-03 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-27 11:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli
@@ -24,7 +24,7 @@ RUN rm -R content
 COPY . .
 
 # Build static files
-RUN npm run build
+RUN GATSBY_ALGOLIA_APP_ID=WCBB1VVLRC GATSBY_ALGOLIA_SEARCH_KEY=0301b192e18d1598fde3095dc721bdba npm run build
 
 # serve dist folder on port 8080
 CMD ["gatsby", "serve", "--verbose", "--prefix-paths", "-p", "8080", "--host", "0.0.0.0"]

community/learn/hasura/graphql-tutorial-backend/tutorial-site/Dockerfile.localdev

@@ -1,7 +1,7 @@
-FROM node:carbon
+FROM node:buster
 
 # update this line when gatsby-gitbook-starter repo changes
-RUN sh -c 'echo -e "Updated at: 2019-06-03 19:00:00 IST"'
+RUN sh -c 'echo -e "Updated at: 2019-08-19 17:00:00 IST"'
 
 # Install global dependencies
 RUN npm -g install gatsby-cli

community/learn/hasura/graphql-tutorial-backend/tutorial-site/config.js

@@ -14,6 +14,13 @@ const config = {
 			"text": "hasura.io",
 			"link": "https://hasura.io"
 		}],
+		"search": {
+			"enabled": true,
+			"indexName": "learn-hasura-backend",
+			"algoliaAppId": process.env.GATSBY_ALGOLIA_APP_ID,
+			"algoliaSearchKey": process.env.GATSBY_ALGOLIA_SEARCH_KEY,
+			"algoliaAdminKey": process.env.ALGOLIA_ADMIN_KEY
+		}
 	},
 	"sidebar": {
 		"forcedNavOrder": [

community/tools/graphiql-online/static/_redirects

@@ -0,0 +1 @@
+/*    /index.html   200