MERN documentation
Everything a beginner needs to ship the MERN stack.
MongoDB, Express, React, and Node — then the adaptations we actually run: Next.js App Router, Nest on Node, and Sanity for editors. Each topic is a docs page with a table of contents, examples, and a checklist.
- MMongoDB
- EExpress
- RReact
- NNode
74 sections · 5 guides · static, server-rendered · ReactBD
Read in order
The path
- 1Map the stackMERN letters, request path, Node, Express, Nest, deploy.
- 2Learn ReactJSX, components, state, hooks — then why teams still pick it.
- 3Ship with Next.jsApp Router, Server Components, cache, metadata.
- 4Store documentsCollections, queries, indexes, aggregation.
- 5Let editors publishSchemas, GROQ, Studio, tagged revalidation.
The path
Build the UI
React
Components, JSX, props, state, hooks, and composition — the patterns every ReactBD product starts with, including when to stay on the server.
15 sections
Next.js
App Router, Server Components, caching, server actions, and metadata — the production ReactBD defaults on Next.js 16.
12 sections
Store the data
MongoDB
Documents, collections, queries, indexes, and aggregation — how ReactBD stores users, tools, shops, and anything that is not a Sanity document.
10 sections
Sanity CMS
Schemas, Studio, GROQ, Portable Text, and the Content API — how ReactBD lets editors publish without a deploy.
10 sections
How these docs work
- Left nav is every guide; the current one expands into sections
- Right rail is On this page — jump to any heading
- Code blocks copy from a tiny client island; the article is SSR
- Classic MERN first, then Nest / Next / Sanity as adaptations
FAQ
What is the MERN stack?
MongoDB, Express, React, and Node.js — JavaScript on the database, the API, and the UI. This guide also covers how ReactBD adapts that stack with NestJS, Next.js App Router, and Sanity.
I am a beginner. Where do I start?
Open the MERN path for the map, then React, then Next.js. MongoDB and Sanity are the two stores. You do not need to memorize Nest before you can write an Express JSON route.
Why Next.js if MERN says React?
React is the UI library. Next.js is how we route, render on the server, and ship SEO. Classic MERN used a Vite/CRA SPA; production apps here use the App Router.
Why Sanity if we already have MongoDB?
MongoDB holds application data (users, tools, shops). Sanity is the editorial CMS (posts, courses, copy) with Studio, drafts, and GROQ. They are not interchangeable.
Are these pages client-rendered?
No. The curriculum is static TypeScript. Pages are Server Components. The only client island is the copy button on code examples.