BlogProjectsBookmarksContact

Blog

A collection of blog posts where I share what I learn by teaching it.

1.9K

NEXT111 - API Routes in Next.js

Learn how to build backend endpoints using Next.js API Routes, handle HTTP methods, return JSON responses, and connect frontend and backend logic in a single project.

1.9K

NEXT109 - Styling in Next.js

Learn how to style Next.js applications using global CSS, CSS Modules, component-scoped styles, and best practices for maintainable UI development.

2.1K

NEXT107 - SEO in Next.js

Learn how to optimize your Next.js applications for search engines using the Metadata API, dynamic meta tags, and SEO best practices for modern web apps.

2.5K

NEXT105 - Layouts & Shared UI

Learn how to create shared layouts in Next.js using layout.js, build persistent UI like headers and footers, and structure applications with nested layouts.

2.7K

NEXT103 - File-Based Routing in Next.js

Learn how Next.js creates routes automatically using the file system, including nested routes, dynamic segments, and basic navigation concepts.

2.5K

NEXT101 - Introduction to Next.js

Learn what Next.js is, why it was created, and how it extends React by solving real-world problems like SEO, routing, and performance.

1.2K

REACT110 - Styling in React

Learn different ways to style React components including CSS files, inline styles, conditional classes, and best practices for maintainable UI styling.

2.6K

REACT108 - Conditional Rendering

Learn how to render different UI states in React using conditions such as if statements, ternary operators, logical operators, and early returns.

2.4K

REACT106 - State & useState Hook

Learn what state is in React, why normal variables are not enough, and how to manage dynamic data using the useState hook.

1.6K

REACT104 - Components in React

Learn what React components are, how to create functional components, and how to structure applications using reusable UI building blocks.

2.7K

REACT102 - React Environment Setup

Learn how to set up a modern React development environment using Node.js, npm, and Vite to create your first React application.

1.9K

JS112 - ES6+ Essentials

Learn the most important modern JavaScript features including let/const, template literals, destructuring, spread operator, arrow functions, and modules.

1.7K

JS110 - Events & Event Listeners

Learn how JavaScript handles user interactions through events like click, input, and keydown using addEventListener.

2.5K

JS108 - Loops & Iteration

Learn how to repeat actions in JavaScript using for, while, do-while, for...of, and forEach loops to iterate through data.

1.8K

JS106 - Functions Explained

Learn how functions work in JavaScript including declarations, expressions, parameters, return values, and arrow functions.

2.1K

JS104 - Operators & Expressions

Learn how operators work in JavaScript including arithmetic, comparison, logical operators, and how expressions are evaluated.

1.7K

JS102 - JavaScript Environment Setup

Learn how to set up your JavaScript development environment using VS Code, Node.js, and browser DevTools.

2K

GIT110 - Git Tips & Best Practices

Improve your Git workflow with helpful tips, useful aliases, and professional best practices for clean and efficient version control.

1.7K

GIT108 - Git Workflow Models

Learn the most popular Git workflow strategies used by modern development teams to organize collaboration and code delivery.

1.5K

GIT106 - Remote Repositories Explained

Learn how to connect your local Git project to remote repositories using GitHub, GitLab, and Bitbucket. Understand push, pull, fetch, and remote management commands.

1.6K

GIT104 - Essential Git Commands

Learn the essential Git commands used daily by developers, including add, commit, status, and log.

1.1K

GIT102 - Installing Git & Setup Guide

Step-by-step guide to installing Git on Windows, macOS, and Linux, and configuring your development environment properly.

2.8K

NEXT110 - Environment Variables

Learn how to use environment variables in Next.js, understand public vs private variables, and manage configuration securely for development and production environments.

2.3K

NEXT108 - Images Optimization

Learn how to optimize images and improve performance in Next.js using the next/image component, automatic optimizations, and best practices for faster web applications.

2.2K

NEXT106 - Data Fetching Basics

Learn how data fetching works in Next.js App Router, understand server-side data loading, caching behavior, and basic rendering strategies using the fetch API.

1.3K

NEXT104 - Pages Router vs App Router

Understand the differences between the Pages Router and the App Router in Next.js, learn when to use each approach, and avoid common routing confusion.

2.5K

NEXT102 - Creating a Next.js Project

Learn how to create a new Next.js application using create-next-app, understand the project structure, and run your first Next.js app locally.

2K

REACT111 - useEffect & Lifecycle Basics

Learn how to handle side effects in React using the useEffect hook and understand basic component lifecycle concepts in functional components.

1.6K

REACT109 - Rendering Lists & Keys

Learn how to render dynamic lists in React using map, understand why keys are required, and apply best practices for performant list rendering.

2.6K

REACT107 - Handling Events in React

Learn how to handle user interactions in React using event handlers, synthetic events, and state updates to build interactive components.

1.6K

REACT105 - Props in React

Learn how to pass data between React components using props, understand one-way data flow, and apply best practices for reusable components.

2.9K

REACT103 - JSX Fundamentals

Learn what JSX is, why React uses it, and how to write dynamic user interfaces using JavaScript expressions inside JSX.

1.8K

REACT101 - Introduction to React

Learn what React is, why it was created, and how it helps developers build fast, scalable, and maintainable user interfaces.

1.5K

JS111 - Fetch API Basics

Learn how to make HTTP requests in JavaScript using the Fetch API to load data from servers and work with JSON responses.

2.3K

JS109 - DOM Manipulation Basics

Learn how to select, modify, and interact with HTML elements using JavaScript's DOM API.

2K

JS107 - Arrays & Objects Basics

Learn how to store and organize data in JavaScript using arrays and objects, the two fundamental data structures in modern applications.

2.1K

JS105 - Control Flow Basics

Learn how JavaScript makes decisions using if, else, switch, and the ternary operator to control how your program runs.

1.9K

JS103 - Variables & Data Types

Learn how variables work in JavaScript and understand primitive data types such as string, number, boolean, null, and undefined.

2.4K

JS101 - Introduction to JavaScript

Learn what JavaScript is, how it works in the browser, and why it is one of the most important languages for web development.

1.6K

GIT109 - Rewriting Git History

Learn how to rewrite Git history using amend, rebase, and stash to keep your commit history clean and organized.

2.3K

GIT107 - Handling Merge Conflicts

Learn what merge conflicts are, why they happen, and how to resolve them safely using Git's conflict markers and merge tools.

2.1K

GIT105 - Working with Branches

Learn how Git branches work, how to create and switch branches, and how to merge changes effectively in your projects.

2.3K

GIT103 - Understanding Repositories

Learn how Git repositories work, the difference between local and remote repos, and how Git stores your project history internally.

1.6K

GIT101 - Introduction to Git

Learn what Git, version control systems, and how developers track and manage changes effectively.