Breaking News: Grepper is joining You.com. Read the official announcement!

Backends For Frontends

Anjali Sharma answered on January 12, 2023 Popularity 10/10 Helpfulness 1/10

answer Backends For Frontends

Backends For Frontends

Comment

instead you have one backend per user experience - or as (ex-SoundClouder) Phil Calçado called it a Backend For Frontend (BFF). Conceptually, you should think of the user-facing application as being two components - a client-side application living outside your perimeter, and a server-side component (the BFF) inside your perimeter.

The BFF is tightly coupled to a specific user experience, and will typically be maintained by the same team as the user interface, thereby making it easier to define and adapt the API as the UI requires, while also simplifying process of lining up release of both the client and server components.

import client from "../../apollo-client";
    import { gql } from "@apollo/client";
    
    async function createAndPublishBlog(slug) {
      const { data } = await client.mutate({
        mutation: gql`
          mutation createBlogPost($slug: String) {
            createBlogPost(data: { slug: $slug }) {
              id
            }
          }
        `,
        variables: {
          slug,
        },
      });
      return await client.mutate({
        mutation: gql`
          mutation publishBlogPost($id: ID) {
            publishBlogPost(to: PUBLISHED, where: { id: $id }) {
              slug
            }
          }
        `,
        variables: {
          id: data.createBlogPost.id,
        },
      });
    }

https://samnewman.io/patterns/architectural/bff/

Popularity 10/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: typescript

Link to this answer
Share Copy Link

Contributed on Jan 12 2023

Anjali Sharma

0 Answers Avg Quality 2/10

Backends For Frontends

Contents

More Related Answers

Backends For Frontends

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.