Getting Started

Welkom bij de MERN Stack Cheat Sheet! Leer hoe je een fullstack app bouwt met MongoDB, Express, React en Node.js.

Wat is MERN?

MongoDB - Database
Express - Backend framework
React - Frontend framework
Node.js - JavaScript runtime

Hoe te gebruiken

  • Nieuw? Start bij Setup
  • Zoek iets? Gebruik de sidebar links
  • Alle code kun je copy-pasten

Setup & Project

Start hier. Installeer Node.js en maak je eerste backend project.

Basis

Node.js Setup

Installeer Node.js met native .env support en watch mode.

 Basis

Project Setup

Maak een backend project aan met de juiste mappenstructuur.

Backend & Database

Bouw je backend server en verbind met MongoDB.

Basis

Server & Routes

Maak een Express server en definieer routes voor je API.

 Data

Database

Verbind met MongoDB en maak je eerste database aan.

 Data

Models & Schemas

Maak data models met Mongoose en test met Postman.

CRUD Operations

Create, Read, Update en Delete data in je database.

Data

Create & Read

Bouw controllers voor GET en POST endpoints.

 Data

Update & Delete

Bouw controllers voor PATCH en DELETE endpoints.

 Basis

CORS & Frontend

Verbind je backend met je React frontend via CORS.

Authentication & Security

Beveilig je app met login, register en protected routes.

Advanced

Authentication Basics

Maak user accounts aan met register en login endpoints en JWT tokens.

 Advanced

Protected Routes

Beveilig routes met middleware zodat alleen ingelogde gebruikers hun data zien.

Leerpad

Nieuw? Volg deze volgorde:

Start hier

  1. Node.js Setup - Installeer Node.js
  2. Project Setup - Maak project aan
  3. Server & Routes - Express server
  4. Database - Verbind MongoDB
  5. Models & Schemas - Data structuur

Daarna

  1. Create & Read - GET en POST
  2. Update & Delete - PATCH en DELETE
  3. CORS & Frontend - Verbind React

Advanced

  1. Authentication - Login & Register
  2. Protected Routes - Beveiliging

Tips

Test met Postman

Altijd eerst API testen

Gebruik .env

Nooit secrets in code

Lees errors

Stack traces helpen debug

Git commit vaak

Small commits werken beter