Merge branch 'home-blog-redesign' of https://github.com/neo773/tailca…

…llhq.github.io into home-blog-redesign

blog/2023-graphql-conf-2023-09-29.md

@@ -9,6 +9,7 @@ hide_table_of_contents: true
 slug: graphql-conf-2023
 canonical_url: https://tailcall.hashnode.dev/graphql-conf-2023
 category: Tutorial
+featured: true
 ---
 
 GraphQLConf 2023 wasn't just another tech conference; it was a groundbreaking event hosted by the GraphQL Foundation. Bursting with riveting workshops, enlightening talks, and interactive sponsor booths, this conference was a deep dive into the ever-evolving world of GraphQL.

blog/api-orchestration-2023-06-12.md

@@ -11,6 +11,7 @@ image: /images/blog/bff-architecture.png
 hide_table_of_contents: true
 slug: no-one-talks-about-api-orchestration
 canonical_url: https://tailcall.hashnode.dev/no-one-talks-about-api-orchestration
+featured: true
 ---
 
 <!-- truncate -->

blog/bff-case-study-2024-08-30.md

@@ -23,10 +23,6 @@ authors:
     image_url: https://avatars.githubusercontent.com/u/194482?v=4
 ---
 
-import CallToAction from '../src/components/blog/call-to-action.tsx';
-
----
-
 **Picture this:**
 
 200 million users, countless fantasy teams, and a platform that needs to keep up with the lightning-fast pace of live sports. That was the exciting challenge we faced at [Dream11, India's largest fantasy sports platform](https://www.dream11.com/).
@@ -78,13 +74,17 @@ Now, you might be scratching your head, wondering, "Why put an API Gateway after
 
 This architecture was our trusted companion for years, scaling effortlessly to serve tens of millions of users. But as with any great journey, we eventually hit a new challenge: the performance of our GraphQL server started to feel the strain of our massive success.
 
-<CallToAction
-title="Curious about how we turbocharged our GraphQL server?"
-subtitle= "Join us at GraphQL Conference 2024 for the thrilling conclusion!"
-buttonText="Save Your Spot"
-href="https://graphql.org/conf/2024/schedule/870876ffad45b79d11e09393e7f22587/"
-backgroundImageSrc="/icons/basic/bg-tailcall.svg"
-/>
+<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth:'100%'}}>
+  <iframe
+    src="https://www.youtube.com/embed/Esb7oQ0PuXw?si=kuSvBFaUki2GYJie&rel=0"
+    frameBorder="0"
+    title="Lessons for Scaling GraphQL"
+    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', border: 0 }}
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+    referrerPolicy="strict-origin-when-cross-origin"
+    allowFullScreen
+  ></iframe>
+</div>
 
 ## The GraphQL Advantage: Dream11's Secret Weapon
 

docs/config-generation.md

@@ -1,6 +1,6 @@
 ---
-title: GraphQL Configuration Generation with Tailcall
-description: Migrate REST or Protobuff to GraphQL within minutes
+title: Automatic GraphQL Configuration Generation with Tailcall
+description: Migrate REST or gRPC APIs to GraphQL automatically
 slug: graphql-configuration-generation-with-tailcall
 sidebar_label: Auto Generation
 ---

docs/directives.md

@@ -825,6 +825,20 @@ type Query {
 Read about [n + 1](./N+1.md) to learn how to use the `batchKey` setting.
 :::
 
+### onResponseBody
+
+This hook allows you to intercept and modify the response body from upstream services before it's processed by Tailcall. Like [onRequest](/docs/directives.md#onrequest), it accepts a string value representing a middleware function defined in a JavaScript file. This function can be used to transform or validate the response data.
+
+```graphql showLineNumbers
+type Query {
+  news: NewsData!
+    @grpc(
+      method: "news.NewsService.GetAllNews"
+      onResponseBody: "onResponse"
+    )
+}
+```
+
 ## @http Directive
 
 The `@http` directive indicates a field or node relies on a REST API. For example:
@@ -1006,6 +1020,20 @@ type Query {
 }
 ```
 
+### onResponseBody
+
+This hook allows you to intercept and modify the response body from upstream services before it's processed by Tailcall. Like [onRequest](/docs/directives.md#onrequest), it accepts a string value representing a middleware function defined in a JavaScript file. This function can be used to transform or validate the response data.
+
+```graphql showLineNumbers
+type Query {
+  user(id: Int!): User
+    @http(
+      path: "/users/{{.args.id}}"
+      onResponseBody: "onResponse"
+    )
+}
+```
+
 ## @js Directive
 
 The `@js` directive allows you to use JavaScript functions to resolve fields in your GraphQL schema. This can be useful

docs/getting-started.mdx

@@ -11,9 +11,6 @@ import Version from "../src/components/Version"
 import InstallCommand from "../src/components/install"
 import Tabs from "@theme/Tabs"
 import TabItem from "@theme/TabItem"
-import Video from "../src/components/video"
-
-<Video />
 
 ## Installing the Tailcall CLI
 

docusaurus.config.ts

@@ -102,7 +102,17 @@ export default {
 
   themeConfig: {
     // Replace with your project's social card
-    image: "/images/tc-og-2.png",
+    image: "icons/companies/taicall.svg",
+    algolia: {
+      appId: "X27WDVHRQ3",
+      apiKey: "35bc100f239853cd8a7195b23ed7393b",
+      indexName: "tailcall",
+      contextualSearch: false,
+      searchParameters: {
+        facetFilters: [],
+      },
+    },
+
     navbar: {
       hideOnScroll: true,
       logo: {
@@ -247,22 +257,6 @@ export default {
         sidebarPath: require.resolve("./graphql/sidebar.ts"),
       },
     ],
-    [
-      require.resolve("docusaurus-lunr-search"),
-      {
-        highlightResult: true,
-      },
-    ],
-    // [
-    //   "@docusaurus/plugin-ideal-image",
-    //   {
-    //     // quality: 70,
-    //     // max: 1030, // max resized image's size.
-    //     // min: 640, // min resized image's size. if original is lower, use that size.
-    //     // steps: 2, // the max number of images generated between min and max (inclusive)
-    //     disableInDev: false,
-    //   },
-    // ], causing problem in layouts and image loads
     async function myPlugin() {
       return {
         name: "docusaurus-tailwindcss",