# MERN

MERN is a web development framework consisting of MongoDB, Express, React.js, and Node.js.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## 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.