//pragmatic leaders

Basics of the Internet for Product Managers

Reading time
7 min
Section
Technology for PMs
7 min left0%
basics of the internet for product managers0%
7 min left
Understanding the internet's building blocks is not optional for PMs — it is the foundation that lets you communicate clearly with engineers and make informed product decisions.
Talvinder Singh, from a Pragmatic Leaders session on Technical Concepts for PMs

Technology underpins every product decision you make. Without a grasp of the internet’s architecture and how software components fit together, you risk miscommunication, unrealistic timelines, and missed opportunities. Your actual job is to translate customer needs into technical realities — and that requires fluency in technology basics.

In practice, the internet is a complex system of protocols, servers, clients, and data flows. As a PM, you don’t need to code every line, but you do need to understand the layers that deliver value to users and constrain your options.

The internet is a network of networks, not magic

At its core, the internet connects millions of devices worldwide. When a user interacts with your product, their device sends requests over this network to servers that respond with data. This happens in milliseconds but involves multiple layers:

  • DNS (Domain Name System) translates user-friendly URLs (like www.flipkart.com) into IP addresses that routers understand.
  • HTTP/HTTPS protocols define how requests and responses are formatted and transferred.
  • TCP/IP protocols ensure reliable packet delivery across the network.

This stack is the plumbing beneath every web or mobile product. Problems like slow load times, failed requests, or data inconsistency often trace back to breakdowns in these layers.

The trap is assuming the internet is instantaneous and flawless. Indian users face diverse network conditions — from high-speed fiber in Bangalore to 2G in rural Madhya Pradesh. Your product decisions must factor in latency, offline modes, and progressive loading.

Frontend and backend: The two halves of your product

Your product’s user interface is the frontend — what users see and interact with. This includes:

  • HTML, CSS, and JavaScript code running in browsers or mobile apps
  • Frameworks like React, Angular, or Flutter that structure frontend code
  • UX and visual design elements

The backend powers the frontend. It includes:

  • Servers that process requests, run business logic, and store data
  • Databases like MySQL, MongoDB, or PostgreSQL
  • APIs (Application Programming Interfaces) that connect frontend and backend or integrate with external services

A simple example: When a Swiggy user searches for biryani, the frontend sends a query through APIs to backend servers. The backend fetches restaurant data, applies filters, and returns results for the frontend to display.

Most PMs confuse the frontend UI with the entire product. The backend is invisible but critical — it defines what’s possible, how fast features work, and how data flows securely.

Indian companies like Razorpay and PhonePe invest heavily in backend scalability and security because payment failures or delays directly impact trust and revenue.

APIs: The contracts that connect software components

APIs are the language that different software parts use to communicate. They define:

  • What data can be sent or received
  • The format of requests and responses (usually JSON or XML)
  • Authentication and authorization mechanisms

As a PM, you will read API documentation to:

  • Assess integration feasibility with third-party services (e.g., payment gateways, SMS providers)
  • Define the scope of new features that rely on internal or external APIs
  • Anticipate dependencies and risks in the product roadmap

Indian startups like Meesho rely on APIs to integrate logistics partners. Understanding API limits, rate throttling, and error codes helps you negotiate realistic SLAs and timelines.

How the web works: from URL to rendered page

When a user enters a URL, several steps happen:

  1. The browser asks DNS servers to resolve the domain to an IP address.
  2. It opens a TCP connection to the server at that IP.
  3. It sends an HTTP request for the page or resource.
  4. The server processes the request and sends back an HTTP response with HTML, CSS, JavaScript, and data.
  5. The browser parses and renders the page.
  6. JavaScript may make subsequent API calls to fetch dynamic data.

This cycle explains why large pages or heavy scripts slow down load times. Indian users on mobile networks especially notice this lag.

Good PMs work with engineering to optimize payload size, enable caching, and adopt content delivery networks (CDNs) to improve performance.

Frontend frameworks and their impact on product iteration

Modern frontend frameworks like React and Angular enable developers to build complex, dynamic user interfaces efficiently. They support features like:

  • Component reuse
  • State management
  • Client-side routing

These frameworks influence your product roadmap. For example, building a single-page application (SPA) with React means faster interactions but requires backend APIs to be designed for incremental data updates.

Understanding these trade-offs lets you prioritize features that balance speed, complexity, and user experience.

Backend architectures: monoliths, microservices, and serverless

Backend systems can be structured in multiple ways:

  • Monolith: All functionality in a single codebase. Easier to develop initially but harder to scale and maintain.
  • Microservices: Backend split into small, independent services communicating via APIs. More scalable but complex to orchestrate.
  • Serverless: Code runs on demand in cloud-managed environments. Reduces infrastructure overhead but may introduce latency.

Indian SaaS companies like Freshworks and BrowserStack have moved from monoliths to microservices to support global scale and rapid feature delivery.

Knowing your company's backend architecture helps you understand technical debt, deployment cycles, and risk areas.

Databases: the product’s memory

Databases store your product’s data. Choices include:

  • Relational databases (SQL): Structured data with strong consistency. Examples: MySQL, PostgreSQL.
  • NoSQL databases: Flexible schemas, better for unstructured or rapidly changing data. Examples: MongoDB, Cassandra.

Your product’s features depend on data models. For example, Flipkart’s product catalog uses a relational database to maintain consistency, while ShareChat uses NoSQL to handle diverse social content.

PMs must understand data constraints—for instance, some queries are slow on large datasets, which affects feature responsiveness.

Version control systems: managing change and collaboration

Engineers use version control (Git, SVN) to manage code changes. This enables:

  • Collaboration across teams
  • Tracking of feature development
  • Rollback to previous stable versions if bugs appear

As a PM, knowing version control basics helps you:

  • Understand release cycles and branching strategies
  • Coordinate feature rollouts and hotfixes
  • Communicate realistic timelines

Security basics every PM should know

Security is fundamental, especially in fintech and healthtech products. Core concepts include:

  • Authentication and authorization: Who can access what?
  • Encryption: Protecting data in transit (TLS) and at rest
  • OWASP top 10: Common web vulnerabilities (e.g., XSS, SQL injection)

Indian companies like PhonePe and Razorpay invest heavily in security audits and compliance. PMs must prioritize security features and understand trade-offs with user convenience.

The cloud and infrastructure: where your product lives

Most products today run on cloud platforms like AWS, Azure, or Google Cloud. Cloud enables:

  • Scalability on demand
  • Global distribution
  • Managed services (databases, AI APIs, storage)

Understanding cloud basics lets you appreciate costs (compute, storage, bandwidth) and architecture decisions (multi-region deployments, failover).

AI and machine learning basics for PMs

AI increasingly powers product features. PMs should know:

  • The difference between AI as a feature and AI as a product
  • Model training, inference, and feedback loops
  • The cost and latency implications of AI services

This knowledge helps you evaluate AI proposals and set realistic expectations.



// exercise: · 15 min
Map your product’s technology stack

Choose a product you use daily (e.g., Swiggy, Razorpay, Meesho). For each layer below, write down what you think the product uses or how it works:

  1. How does the product resolve domain names and load content over the internet?
  2. What frontend framework or technology do you think it uses? How does that influence user experience?
  3. What backend architecture might support the product? Monolith, microservices, or serverless?
  4. What types of databases do you think hold the product’s data?
  5. What APIs does the product use to integrate with third parties (payments, messaging, logistics)?
  6. What security measures might be in place to protect user data?
  7. What cloud provider or infrastructure might the product run on?

This exercise helps you connect product features to underlying technology constraints and opportunities.

Test yourself: Technology trade-offs at a Series B fintech

// learn the judgment

You are the PM at a Series B fintech startup in Bangalore building a digital wallet app. The engineering lead proposes switching from a monolithic backend to microservices to enable faster feature releases. This will take 3 months and impact delivery of a key feature: UPI auto-payments. Meanwhile, the marketing team insists on launching the new feature in 6 weeks to capture a market opportunity.

The call: How do you balance the engineering architecture shift with the product roadmap? What trade-offs do you communicate to stakeholders?

Your reasoning:

Where to go next