# Modernize your MERN Stack with GraphQL and GraphOS

DevFeed: [Modernize your MERN Stack with GraphQL and GraphOS](<https://devfeed.tech/articles/modernize-your-mern-stack-with-graphql-and-graphos-23457.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/modernize-your-mern-stack-with-graphql-and-graphos>)

Author: Michael Watson

Published: 2023-08-28T12:50:29Z

Content type: tutorial

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [MERN](<https://devfeed.tech/topics/mern.md>), [apollo-server](<https://devfeed.tech/topics/apollo-server.md>), [API](<https://devfeed.tech/topics/api.md>), [Express](<https://devfeed.tech/topics/express.md>), [MongoDB](<https://devfeed.tech/topics/mongodb.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Back end](<https://devfeed.tech/topics/backend.md>), [Code generation](<https://devfeed.tech/topics/code-generation.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>), [Front end](<https://devfeed.tech/topics/frontend.md>)

Tags: [apollo](<https://devfeed.tech/tags/apollo.md>), [backend](<https://devfeed.tech/tags/backend.md>), [bff](<https://devfeed.tech/tags/bff.md>), [code-generation](<https://devfeed.tech/tags/code-generation.md>), [database](<https://devfeed.tech/tags/database.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [efficiency](<https://devfeed.tech/tags/efficiency.md>), [express](<https://devfeed.tech/tags/express.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [mongodb](<https://devfeed.tech/tags/mongodb.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [react](<https://devfeed.tech/tags/react.md>), [typescript](<https://devfeed.tech/tags/typescript.md>)

## AI overview

This tutorial explains how to modernize a MERN stack application with GraphQL and Apollo Server. It describes using a federated GraphQL data access layer to manage growing APIs and multiple backend-for-frontend stacks, while reducing duplicated route and database-query logic. It also discusses schemas, resolvers, developer onboarding, and TypeScript code generation.

## Source excerpt

How many routes do you have in your MERN stack? As your API grows with more routes, you may start creating multiple MERN stacks in a backend-for-frontend (BFF) architecture to help manage those routes. In creating additional MERN stacks, are you duplicating code in those BFFs? Using Federated GraphQL to have a single data access layer for your company can help you manage your MERN stack apps and provide an improved developer experience for everyone.