Most developers today don't really understand how HTTP requests work.
They use libraries, copy code, and rely on frameworks…
Until something breaks.
This repository exists to fix that.
This is not a collection of random tutorials.
This is a structured learning path designed to help you understand how data flows in modern web applications — from the fundamentals to real-world implementation.
Follow this order to understand the full picture:
Start here if you want to understand what actually happens when you make a request.
→ concepts/http-basics
You’ll learn:
- What an HTTP request really is
- Methods (GET, POST, etc.)
- Headers and responses
- Why this knowledge matters in real debugging
Learn how to make requests without hiding behind libraries.
→ javascript/vanilla-fetch
You’ll learn:
- How to use the Fetch API directly
- How to handle responses and errors
- Why you don’t need Axios for most cases
Apply everything in a real-world scenario.
→ nextjs/atomic-fetch
You’ll learn:
- How to structure a scalable data layer
- Separation of concerns (fetch, services, logic)
- How data fetching works in SSR and modern apps
Most developers build applications without understanding the underlying systems.
That works… until it doesn’t.
If you don’t understand:
- how HTTP works
- how requests are made
- how data flows
You can’t:
- debug properly
- scale your code
- make good architectural decisions
This repository is built on a simple idea:
Tools change. Fundamentals don’t.
Instead of learning what to use, you’ll learn how things actually work.
Clone the repo and navigate to the module you want:
git clone https://github.com/adamsnxt/tutorials.git
cd tutorialsThen follow the instructions inside each folder.
Example (Next.js project):
cd nextjs/atomic-fetch
npm install
npm run devCreated by adams.nxt
I focus on helping developers understand the fundamentals behind modern tools — so they can build with clarity, not guesswork.
If you rely only on tools, you build fast.
If you understand fundamentals, you build forever.