The Glossary
Decoding the matrix. A modern dictionary for the technical terms you'll encounter on your journey.
Node.js
EssentialsA runtime that lets you run JavaScript outside of a web browser. It's the engine that powers most modern dev tools, including Claude Code.
"Like installing a game console. You need the console (Node) before you can play any games (run tools)."
npm (Node Package Manager)
A tool that comes with Node.js. It lets you install, update, and manage packages (pre-built code libraries) for your projects.
Runtime
The environment that executes your code. Different languages need different runtimes (Node.js for JavaScript, Python for .py files).
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
npm (Node Package Manager)
EssentialsA tool that comes with Node.js. It lets you install, update, and manage packages (pre-built code libraries) for your projects.
"Like an app store for code. You type a command and it downloads the tool you need."
Node.js
A runtime that lets you run JavaScript outside of a web browser. It's the engine that powers most modern dev tools, including Claude Code.
npm (Node Package Manager)
A tool that comes with Node.js. It lets you install, update, and manage packages (pre-built code libraries) for your projects.
Code Editor
EssentialsA software application for writing and editing code. Essential for development. Popular choices include VS Code (free, Microsoft), Cursor (AI-powered), Zed (fast), and WebStorm (feature-rich, paid).
"Like Microsoft Word, but for code. It highlights syntax, catches errors, and often has a built-in terminal."
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. The most popular choice for web development with extensive extensions marketplace.
IDE (Integrated Development Environment)
EssentialsA software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
"Like a fully-equipped workshop. Everything you need to build is in one room."
Code Editor
A software application for writing and editing code. Essential for development. Popular choices include VS Code (free, Microsoft), Cursor (AI-powered), Zed (fast), and WebStorm (feature-rich, paid).
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
Git
EssentialsA version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
"Like Google Docs history on steroids. You can see every change ever made and go back in time."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Repository (Repo)
A folder that contains your project's files AND the complete history of all changes tracked by Git.
Commit
A snapshot of your code at a specific point in time. Like pressing 'Save' but with a message describing what changed.
Git Hosting
EssentialsA cloud service that hosts Git repositories online for storage, sharing, and collaboration. Popular options include GitHub (most popular), GitLab (self-hostable), and Bitbucket (Atlassian ecosystem).
"Like Google Drive for code. Your projects live in the cloud and others can view or contribute."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Repository (Repo)
A folder that contains your project's files AND the complete history of all changes tracked by Git.
Clone
To download a copy of a repository from a Git host (like GitHub) to your local computer.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Repository (Repo)
EssentialsA folder that contains your project's files AND the complete history of all changes tracked by Git.
"Like a project folder with a built-in time machine. It remembers everything."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Clone
To download a copy of a repository from a Git host (like GitHub) to your local computer.
Clone
EssentialsTo download a copy of a repository from a Git host (like GitHub) to your local computer.
"Like downloading a ZIP file, but smarter — it keeps the connection to the original so you can sync changes."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Repository (Repo)
A folder that contains your project's files AND the complete history of all changes tracked by Git.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Package / Dependency
EssentialsPre-written code that someone else made, which you can install and use in your project. Saves you from reinventing the wheel.
"Like IKEA furniture. Someone already figured out the hard parts — you just assemble it."
npm (Node Package Manager)
A tool that comes with Node.js. It lets you install, update, and manage packages (pre-built code libraries) for your projects.
package.json
A file in your project that lists all the packages it depends on, plus scripts and metadata. It's your project's ID card.
package.json
EssentialsA file in your project that lists all the packages it depends on, plus scripts and metadata. It's your project's ID card.
"Like a recipe card. It lists all the ingredients (dependencies) needed to make the dish (run the project)."
npm (Node Package Manager)
A tool that comes with Node.js. It lets you install, update, and manage packages (pre-built code libraries) for your projects.
Environment Variable
EssentialsA secret value stored outside your code, like API keys or passwords. Keeps sensitive info out of your codebase.
"Like a sticky note with the WiFi password — you know it, but you don't write it on the wall."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
.env File
A special file where you store environment variables. It's usually hidden and never shared publicly.
.env File
EssentialsA special file where you store environment variables. It's usually hidden and never shared publicly.
"Like a secret diary. It holds your passwords and keys — never share it or commit it to GitHub!"
Environment Variable
A secret value stored outside your code, like API keys or passwords. Keeps sensitive info out of your codebase.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
.env.local
A Next.js-specific environment file for LOCAL development. When you run 'npm run dev', Next.js loads variables from this file. It should be in your .gitignore — every developer creates their own copy with their own keys. In production (Vercel), you set environment variables in the dashboard instead.
.env.local
EssentialsA Next.js-specific environment file for LOCAL development. When you run 'npm run dev', Next.js loads variables from this file. It should be in your .gitignore — every developer creates their own copy with their own keys. In production (Vercel), you set environment variables in the dashboard instead.
"Like a sticky note on YOUR monitor with the WiFi password. Your coworkers have their own notes — you don't share yours."
Environment Variable
A secret value stored outside your code, like API keys or passwords. Keeps sensitive info out of your codebase.
.env File
A special file where you store environment variables. It's usually hidden and never shared publicly.
Vercel
A cloud platform that makes deploying websites dead simple. Push your code, get a live URL. Created by the team behind Next.js.
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
API Key
EssentialsA unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
"Like a VIP pass. It proves you're allowed in and tracks your usage."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Environment Variable
A secret value stored outside your code, like API keys or passwords. Keeps sensitive info out of your codebase.
Authentication
Verifying WHO you are. Usually involves logging in with a username/password, or using OAuth with Google/GitHub.
OAuth
EssentialsA secure way to log in using another account (like Google or GitHub) without sharing your password with the app.
"Like a hotel key card. The front desk (Google) vouches for you, so the room (app) lets you in."
Authentication
Verifying WHO you are. Usually involves logging in with a username/password, or using OAuth with Google/GitHub.
Callback URL (Redirect URI)
The exact URL where OAuth providers send users after login. Must match EXACTLY in both your app and the provider's console — including localhost vs production, port numbers, and trailing slashes.
Callback URL (Redirect URI)
EssentialsThe exact URL where OAuth providers send users after login. Must match EXACTLY in both your app and the provider's console — including localhost vs production, port numbers, and trailing slashes.
"Like giving a hotel the exact address to send your luggage. Wrong address = luggage never arrives. Wrong callback URL = 'redirect_uri_mismatch' error."
OAuth
A secure way to log in using another account (like Google or GitHub) without sharing your password with the app.
Authentication
Verifying WHO you are. Usually involves logging in with a username/password, or using OAuth with Google/GitHub.
.env.local
A Next.js-specific environment file for LOCAL development. When you run 'npm run dev', Next.js loads variables from this file. It should be in your .gitignore — every developer creates their own copy with their own keys. In production (Vercel), you set environment variables in the dashboard instead.
Vercel
A cloud platform that makes deploying websites dead simple. Push your code, get a live URL. Created by the team behind Next.js.
PATH (System Variable)
EssentialsA list of folders your computer checks when you type a command. If a program isn't in the PATH, the terminal can't find it.
"Like your phone's contact list. If someone's not in it, you can't call them by name."
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
Environment Variable
A secret value stored outside your code, like API keys or passwords. Keeps sensitive info out of your codebase.
Node.js
A runtime that lets you run JavaScript outside of a web browser. It's the engine that powers most modern dev tools, including Claude Code.
LTS (Long Term Support)
EssentialsA version of software that's stable and supported for a long time. Always pick LTS for reliability.
"Like buying the 'tried and true' model instead of the bleeding-edge prototype."
Node.js
A runtime that lets you run JavaScript outside of a web browser. It's the engine that powers most modern dev tools, including Claude Code.
Version Control
Tracking changes to your code over time. Git is the most popular system. Essential for collaboration and undo-ability.
CLI (Command Line Interface)
EssentialsA program you interact with by typing commands in the terminal, rather than clicking buttons.
"Like texting vs. video calling. Faster, no frills, straight to the point."
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
npm (Node Package Manager)
A tool that comes with Node.js. It lets you install, update, and manage packages (pre-built code libraries) for your projects.
Runtime
EssentialsThe environment that executes your code. Different languages need different runtimes (Node.js for JavaScript, Python for .py files).
"Like needing a DVD player to watch a DVD. The code is the disc; the runtime plays it."
Node.js
A runtime that lets you run JavaScript outside of a web browser. It's the engine that powers most modern dev tools, including Claude Code.
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
JSON (JavaScript Object Notation)
EssentialsA lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
"Like a labeled moving box. Everything inside has a name tag so you know what's what."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
package.json
A file in your project that lists all the packages it depends on, plus scripts and metadata. It's your project's ID card.
Markdown
EssentialsA simple way to format text using symbols. *asterisks* for italic, **double** for bold, # for headings. Used in README files.
"Like writing with formatting shortcuts. Type symbols → get pretty text."
README
A file (usually README.md) that explains what a project does, how to install it, and how to use it. The first thing people read.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
README
EssentialsA file (usually README.md) that explains what a project does, how to install it, and how to use it. The first thing people read.
"Like the instructions that come with furniture. Read it first or regret it later."
Markdown
A simple way to format text using symbols. *asterisks* for italic, **double** for bold, # for headings. Used in README files.
Repository (Repo)
A folder that contains your project's files AND the complete history of all changes tracked by Git.
Commit
EssentialsA snapshot of your code at a specific point in time. Like pressing 'Save' but with a message describing what changed.
"Like taking a photo of your progress. You can always look back at exactly how things were."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Repository (Repo)
A folder that contains your project's files AND the complete history of all changes tracked by Git.
Push
Uploading your local commits to a remote repository (like GitHub). Makes your changes available to others.
Push
EssentialsUploading your local commits to a remote repository (like GitHub). Makes your changes available to others.
"Like posting your photos to the cloud. Now they're backed up and shareable."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Commit
A snapshot of your code at a specific point in time. Like pressing 'Save' but with a message describing what changed.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Pull
EssentialsDownloading the latest changes from a remote repository to your local machine. Keeps you in sync with the team.
"Like refreshing your email. You're grabbing whatever's new from the server."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Push
Uploading your local commits to a remote repository (like GitHub). Makes your changes available to others.
Repository (Repo)
A folder that contains your project's files AND the complete history of all changes tracked by Git.
Frontend
FrontendThe part of a website or app that you can see and interact with. It's the buttons, text, images, and animations.
"Like the dining room of a restaurant. It's where the customers sit, eat, and experience the ambiance."
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
WSL (Windows Subsystem for Linux)
Run Linux directly on Windows without a virtual machine. WSL 2 offers full Linux kernel compatibility. Best of both Windows and Linux worlds.
Client
The device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
Backend
BackendThe part of the software that runs on the server. It handles the logic, database interactions, and authentication.
"Like the kitchen in a restaurant. Customers don't see it, but it's where the food is actually prepared."
Frontend
The part of a website or app that you can see and interact with. It's the buttons, text, images, and animations.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Full Stack
ConceptRefers to a developer or project that involves both Frontend and Backend technologies.
"Like being both the chef AND the waiter at a restaurant. You cook the food (backend) and serve it beautifully (frontend)."
Frontend
The part of a website or app that you can see and interact with. It's the buttons, text, images, and animations.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
API (Application Programming Interface)
BackendA set of rules that allows different software applications to talk to each other.
"Like a waiter. You tell the waiter what you want (the request), and they update the kitchen (backend) and bring your food back (response)."
REST (Representational State Transfer)
A set of rules for building APIs. Uses HTTP methods (GET, POST, PUT, DELETE) to perform actions on resources.
Endpoint
A specific URL where your API receives requests. Like /api/users or /api/products. Each endpoint handles a specific action.
package.json
A file in your project that lists all the packages it depends on, plus scripts and metadata. It's your project's ID card.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Client
The device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
Database
DatabaseAn organized collection of structured information, or data, typically stored electronically in a computer system.
"Like a giant, super-organized filing cabinet where the app stores all its users, posts, and details."
SQL (Structured Query Language)
A programming language used to communicate with relational databases. Data is stored in tables with rows and columns.
NoSQL
Databases that store data in a format other than relational tables, often as documents (JSON-like). Flexible and scalable.
SQL (Structured Query Language)
DatabaseA programming language used to communicate with relational databases. Data is stored in tables with rows and columns.
"Like an Excel spreadsheet. Very structured, strict rules, great for consistent data."
PostgreSQL
A powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
NoSQL
DatabaseDatabases that store data in a format other than relational tables, often as documents (JSON-like). Flexible and scalable.
"Like a folder of word documents. You can throw any kind of info into a doc; they don't all have to look the same."
MongoDB Atlas
A fully-managed cloud database service for MongoDB. Document-based NoSQL that's flexible for evolving schemas. Great for prototyping and unstructured data.
package.json
A file in your project that lists all the packages it depends on, plus scripts and metadata. It's your project's ID card.
Deployment
DevOpsThe process of moving your code from your computer to a server so the world can access it.
"Like moving from a practice kitchen to a real restaurant. Your creation goes from 'only you can taste it' to 'open for business.'"
Git Hosting
A cloud service that hosts Git repositories online for storage, sharing, and collaboration. Popular options include GitHub (most popular), GitLab (self-hostable), and Bitbucket (Atlassian ecosystem).
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Localhost
ConceptRefers to YOUR computer. When you run a server locally, you access it via localhost.
"Like hosting a dinner party at your own house. Only people in your home (your computer) can attend until you move it to a venue (deploy it)."
LTS (Long Term Support)
A version of software that's stable and supported for a long time. Always pick LTS for reliability.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Client
The device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
Server
ConceptA computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
"Like a restaurant kitchen. You (the client) order food, and the kitchen (server) prepares and delivers it to you."
Client
The device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Git Hosting
A cloud service that hosts Git repositories online for storage, sharing, and collaboration. Popular options include GitHub (most popular), GitLab (self-hostable), and Bitbucket (Atlassian ecosystem).
Client
ConceptThe device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
"Like a restaurant customer. You place an order (request) and the kitchen (server) fulfills it."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Frontend
The part of a website or app that you can see and interact with. It's the buttons, text, images, and animations.
Arc Browser
Reimagined web browser focused on productivity. Features spaces for organization, sidebar tabs, split views, and built-in notes. Popular with developers and power users.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Terminal / CLI
DevOpsA text-based interface used to give commands to your computer. It's how you talk to the machine directly.
"Like texting your computer instead of using apps. Type what you want, hit enter, get results. No buttons, just conversation."
Prompt
The text you give to an AI to tell it what you want. Better prompts = better results. It's an art and a science.
JavaScript
LanguagesThe language of the web. It runs in browsers and makes websites interactive — clicks, animations, forms, you name it. Also runs on servers via Node.js.
"Like electricity in a house. The structure (HTML) is there, but JavaScript makes everything actually work."
TypeScript
JavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
Node.js
A runtime that lets you run JavaScript outside of a web browser. It's the engine that powers most modern dev tools, including Claude Code.
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
TypeScript
LanguagesJavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
"Like JavaScript wearing a seatbelt. Same car, but way safer."
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
HTML (HyperText Markup Language)
LanguagesThe skeleton of every webpage. It defines the structure — headings, paragraphs, images, links. Not a programming language, but essential.
"Like the bones of a body. It gives structure, but needs muscles (CSS) and a brain (JavaScript) to come alive."
CSS (Cascading Style Sheets)
The styling language for the web. It controls colors, fonts, layouts, spacing, and animations. Makes HTML look good.
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
Domain Name
The human-readable address for a website (like saucytech.com). You buy it from a registrar and point it to your host.
CSS (Cascading Style Sheets)
LanguagesThe styling language for the web. It controls colors, fonts, layouts, spacing, and animations. Makes HTML look good.
"Like clothes and makeup. The HTML is the person; CSS is the outfit and style."
HTML (HyperText Markup Language)
The skeleton of every webpage. It defines the structure — headings, paragraphs, images, links. Not a programming language, but essential.
Tailwind CSS
A utility-first CSS framework. Instead of writing custom CSS, you use pre-built classes like 'bg-blue-500' or 'p-4' directly in your HTML.
Python
LanguagesA beginner-friendly language known for clean, readable syntax. Dominates in AI, data science, automation, and backend development.
"Like writing in plain English. It reads almost like natural language."
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
Django
Python's batteries-included web framework. Comes with admin panel, ORM, authentication, and forms out of the box. Fast to prototype, scales to production.
Swift
LanguagesApple's modern language for building iOS, macOS, watchOS, and tvOS apps. Fast, safe, and the go-to for iPhone app development.
"Like Apple's secret sauce. If you want to build for iPhone, you speak Swift."
Xcode
Apple's IDE for developing iOS, macOS, watchOS, and tvOS apps. Required for Apple development. Includes Interface Builder, simulators, and Instruments for profiling.
Swift
Apple's modern language for building iOS, macOS, watchOS, and tvOS apps. Fast, safe, and the go-to for iPhone app development.
Kotlin
LanguagesThe modern language for Android development. Officially supported by Google, it's cleaner and safer than Java while being fully compatible with it.
"Like Java's cool younger sibling. Same family, but more modern and fun to hang out with."
Android Studio
Google's official IDE for Android development. Based on IntelliJ IDEA with Android SDK, emulators, and device management built-in.
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
Java
LanguagesA veteran language used in Android apps, enterprise software, and backend systems. Verbose but battle-tested and runs everywhere.
"Like a reliable old pickup truck. Not flashy, but it gets the job done anywhere."
Kotlin
The modern language for Android development. Officially supported by Google, it's cleaner and safer than Java while being fully compatible with it.
Android Studio
Google's official IDE for Android development. Based on IntelliJ IDEA with Android SDK, emulators, and device management built-in.
SQL (Structured Query Language)
LanguagesThe language for talking to databases. You use it to create, read, update, and delete data in tables.
"Like asking a librarian for specific books. 'Give me all users where age > 21.'"
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
PostgreSQL
A powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
Rust
LanguagesA systems language focused on speed and safety. Used for performance-critical apps, game engines, and tools. Steep learning curve, massive payoff.
"Like a race car with built-in crash protection. Blazing fast but won't let you hurt yourself."
Go (Golang)
LanguagesGoogle's language for building fast, scalable backend services. Simple syntax, built-in concurrency, compiles to a single binary.
"Like a Swiss Army knife for servers. Simple, efficient, gets the job done."
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
Docker
A tool that packages your app and its environment into a 'container' that runs the same everywhere. No more 'it works on my machine.'
PHP
LanguagesA server-side language that powers a huge chunk of the web, including WordPress. Easy to start, runs on almost any host.
"Like the workhorse of the web. Not glamorous, but it quietly runs millions of sites."
Laravel
PHP's elegant web framework with beautiful syntax and developer-friendly tools. Includes routing, ORM, queues, and authentication. The modern face of PHP.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
Ruby
LanguagesA language designed for developer happiness. Known for its elegant syntax and the Ruby on Rails framework that powered early Twitter and Shopify.
"Like writing poetry instead of prose. It prioritizes beauty and readability."
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
Heroku
Pioneer of Platform-as-a-Service (PaaS). Git-based deployment, add-ons marketplace, and managed infrastructure. Now owned by Salesforce with controversial pricing changes.
C# (C-Sharp)
LanguagesMicrosoft's versatile language for Windows apps, games (Unity), and enterprise software. Strong typing, great tooling, huge ecosystem.
"Like the Swiss Army knife of Microsoft's world. Games, apps, servers — it does it all."
Windows 11
Microsoft's latest operating system with WSL 2 for Linux compatibility, improved terminal, and better developer experience. Runs most development tools natively.
Dart
LanguagesGoogle's language powering Flutter. Write one codebase, deploy to iOS, Android, web, and desktop. Fast and productive.
"Like a universal translator. Write once, speak to every platform."
Flutter
Google's UI toolkit for building natively compiled apps for mobile, web, and desktop from a single Dart codebase. Fast development with hot reload.
React
LanguagesA JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
"Like LEGO for websites. Build small pieces (components), snap them together."
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
JSX
A syntax extension that lets you write HTML-like code inside JavaScript. Used in React to describe what the UI should look like.
Next.js
LanguagesA React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
"Like React with a jetpack. Everything you need to go from idea to production."
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
Vercel
A cloud platform that makes deploying websites dead simple. Push your code, get a live URL. Created by the team behind Next.js.
TypeScript
JavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
React (Vite/CRA)
FrontendReact with Vite or Create React App as the build tool. Pure client-side rendering without built-in routing or API routes. Great for SPAs and dashboards.
"Like React without the jetpack. More control, but you assemble everything yourself."
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
SPA (Single Page Application)
A web app that loads once and dynamically updates content without full page reloads. Feels fast and app-like.
Vue.js
FrontendA progressive JavaScript framework known for its gentle learning curve and excellent documentation. Great for incrementally adopting in existing projects.
"Like React's friendly cousin. Similar concepts, but more approachable syntax."
Frontend
The part of a website or app that you can see and interact with. It's the buttons, text, images, and animations.
Component
A reusable piece of UI. In React, everything is a component — buttons, cards, headers. Build once, use everywhere.
Svelte / SvelteKit
FrontendA compiler that generates minimal JavaScript at build time. SvelteKit adds file-based routing and SSR. Known for tiny bundle sizes and intuitive syntax.
"Like React, but the framework disappears at build time. Less runtime overhead, more speed."
Frontend
The part of a website or app that you can see and interact with. It's the buttons, text, images, and animations.
SSR (Server-Side Rendering)
Generating HTML on the server for each request. Better for SEO and initial load time than pure client-side rendering.
Component
A reusable piece of UI. In React, everything is a component — buttons, cards, headers. Build once, use everywhere.
Remix
FrontendA React framework focused on web standards and progressive enhancement. Built by the React Router team with emphasis on nested routes and data loading.
"Like Next.js's opinionated sibling. Different philosophy, same power."
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
SSR (Server-Side Rendering)
Generating HTML on the server for each request. Better for SEO and initial load time than pure client-side rendering.
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
Astro
FrontendA web framework for content-focused websites that ships zero JavaScript by default. Can use React, Vue, or Svelte components with partial hydration.
"Like a static site generator that knows modern frameworks. Best for blogs and marketing sites."
Frontend
The part of a website or app that you can see and interact with. It's the buttons, text, images, and animations.
SSR (Server-Side Rendering)
Generating HTML on the server for each request. Better for SEO and initial load time than pure client-side rendering.
Expo / React Native
FrontendA framework for building native iOS and Android apps with React. Expo provides a managed workflow with pre-built native modules and over-the-air updates.
"Like React for your phone. Write JavaScript, get native apps."
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
Android Studio
Google's official IDE for Android development. Based on IntelliJ IDEA with Android SDK, emulators, and device management built-in.
Flutter
FrontendGoogle's UI toolkit for building natively compiled apps for mobile, web, and desktop from a single Dart codebase. Fast development with hot reload.
"Like React Native, but from Google and using Dart instead of JavaScript."
Dart
Google's language powering Flutter. Write one codebase, deploy to iOS, Android, web, and desktop. Fast and productive.
Angular
FrontendGoogle's full-featured frontend framework with TypeScript built-in. Opinionated structure, powerful CLI, and everything you need in the box. Popular in enterprise.
"Like a luxury car with all the features included. Not as nimble as some competitors, but loaded with tools."
TypeScript
JavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
Frontend
The part of a website or app that you can see and interact with. It's the buttons, text, images, and animations.
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
Vue.js
A progressive JavaScript framework known for its gentle learning curve and excellent documentation. Great for incrementally adopting in existing projects.
Express.js
BackendThe minimalist Node.js web framework. Barebones but flexible — you choose your own database, auth, and structure. The foundation for many Node backends.
"Like a blank canvas. It's just the frame; you paint the picture however you want."
Node.js
A runtime that lets you run JavaScript outside of a web browser. It's the engine that powers most modern dev tools, including Claude Code.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
Middleware
Code that runs BETWEEN receiving a request and sending a response. Used for logging, auth checks, data validation.
Django
BackendPython's batteries-included web framework. Comes with admin panel, ORM, authentication, and forms out of the box. Fast to prototype, scales to production.
"Like a Swiss Army knife for Python web apps. Everything you need is already attached."
Python
A beginner-friendly language known for clean, readable syntax. Dominates in AI, data science, automation, and backend development.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
WebStorm
JetBrains' powerful IDE for JavaScript and TypeScript. Heavy but feature-rich with excellent refactoring tools, database integration, and debugging.
Full Stack
Refers to a developer or project that involves both Frontend and Backend technologies.
FastAPI
BackendModern Python framework for building APIs. Automatic API docs, type hints, async support, and blazing fast performance. Great for AI assistants to work with.
"Like Django's younger, faster sibling. Focuses on APIs and does them really well."
Python
A beginner-friendly language known for clean, readable syntax. Dominates in AI, data science, automation, and backend development.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
TypeScript
JavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
Ruby on Rails
BackendRuby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
"Like following a well-worn path. The framework makes decisions for you, so you can focus on building."
Ruby
A language designed for developer happiness. Known for its elegant syntax and the Ruby on Rails framework that powered early Twitter and Shopify.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
Full Stack
Refers to a developer or project that involves both Frontend and Backend technologies.
Laravel
BackendPHP's elegant web framework with beautiful syntax and developer-friendly tools. Includes routing, ORM, queues, and authentication. The modern face of PHP.
"Like PHP grew up and got stylish. Clean code, great docs, and a thriving ecosystem."
PHP
A server-side language that powers a huge chunk of the web, including WordPress. Easy to start, runs on almost any host.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
Full Stack
Refers to a developer or project that involves both Frontend and Backend technologies.
Tailwind CSS
LanguagesA utility-first CSS framework. Instead of writing custom CSS, you use pre-built classes like 'bg-blue-500' or 'p-4' directly in your HTML.
"Like a box of pre-labeled LEGO pieces. You build by combining small, predictable utilities."
CSS (Cascading Style Sheets)
The styling language for the web. It controls colors, fonts, layouts, spacing, and animations. Makes HTML look good.
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
JSX
LanguagesA syntax extension that lets you write HTML-like code inside JavaScript. Used in React to describe what the UI should look like.
"Like mixing HTML and JavaScript in a blender. Weird at first, then you can't live without it."
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
Component
A reusable piece of UI. In React, everything is a component — buttons, cards, headers. Build once, use everywhere.
LLM (Large Language Model)
AIAn AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
"Like a super-reader who's read the entire internet and can now write essays, code, and poetry on demand."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
ChatGPT
OpenAI's conversational AI. Great for explaining code, debugging, and learning. Can generate code snippets but works through conversation rather than IDE integration.
Prompt
The text you give to an AI to tell it what you want. Better prompts = better results. It's an art and a science.
Prompt
AIThe text you give to an AI to tell it what you want. Better prompts = better results. It's an art and a science.
"Like giving directions to a taxi driver. Be specific about the destination, or you might end up somewhere weird."
LLM (Large Language Model)
An AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
Context Window
The amount of text an AI can 'see' at once. Bigger context = it can read more of your code and conversation history.
Prompt
The text you give to an AI to tell it what you want. Better prompts = better results. It's an art and a science.
Context Window
AIThe amount of text an AI can 'see' at once. Bigger context = it can read more of your code and conversation history.
"Like short-term memory. The bigger the window, the more the AI can remember from your conversation."
LLM (Large Language Model)
An AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
Tokens
The units AI uses to process text. Roughly 1 token = 4 characters. You pay per token, and context windows are measured in tokens.
Prompt
The text you give to an AI to tell it what you want. Better prompts = better results. It's an art and a science.
Tokens
AIThe units AI uses to process text. Roughly 1 token = 4 characters. You pay per token, and context windows are measured in tokens.
"Like words on a meter. The more you write (or the AI writes), the more tokens tick by."
LLM (Large Language Model)
An AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
Context Window
The amount of text an AI can 'see' at once. Bigger context = it can read more of your code and conversation history.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Agentic AI
AIAI that can take actions autonomously — browsing files, running commands, making decisions — rather than just answering questions.
"Like a co-pilot who can actually fly the plane, not just give you directions."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
LLM (Large Language Model)
An AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
Claude Code
AIAnthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
"Like having a senior developer living in your terminal, ready to help 24/7."
CLI (Command Line Interface)
A program you interact with by typing commands in the terminal, rather than clicking buttons.
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
Agentic AI
AI that can take actions autonomously — browsing files, running commands, making decisions — rather than just answering questions.
MCP (Model Context Protocol)
AIA standard for connecting AI to external tools and data sources. Lets Claude access databases, APIs, and services beyond just text.
"Like USB ports for AI. A universal way to plug in new capabilities."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Hallucination
AIWhen an AI confidently makes up information that isn't true. A known limitation — always verify important facts.
"Like a very confident friend who sometimes makes up stories. Trust but verify."
LLM (Large Language Model)
An AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
Prompt
The text you give to an AI to tell it what you want. Better prompts = better results. It's an art and a science.
Fine-Tuning
AITraining an existing AI model on specific data to make it better at a particular task. Customizes the AI for your use case.
"Like teaching a smart person your company's specific jargon and processes."
LLM (Large Language Model)
An AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
LLM (Large Language Model)
An AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
RAG (Retrieval Augmented Generation)
AIA technique where AI retrieves relevant documents before generating a response. Helps AI answer questions about your specific data.
"Like giving the AI a search engine for your documents before it answers."
LLM (Large Language Model)
An AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
Vibe Coding
AIWriting code by describing what you want in natural language and letting AI generate it. You guide the vibe; the AI writes the code.
"Like being an architect instead of a bricklayer. You design; the AI builds."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Agentic AI
AI that can take actions autonomously — browsing files, running commands, making decisions — rather than just answering questions.
Prompt
The text you give to an AI to tell it what you want. Better prompts = better results. It's an art and a science.
Subagent
AIA specialized AI agent that Claude Code can delegate tasks to, operating in its own separate context window with custom tools and instructions.
"Like hiring a specialist contractor for a specific part of a project. They work independently and report back when done."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Context Window
The amount of text an AI can 'see' at once. Bigger context = it can read more of your code and conversation history.
Agentic AI
AI that can take actions autonomously — browsing files, running commands, making decisions — rather than just answering questions.
Context Fork
Running a Claude Skill in an isolated subagent context using the 'context: fork' YAML setting. The skill operates independently with its own conversation history and tool access, preventing pollution of the main conversation.
Claude Skill
AIA Markdown file that teaches Claude how to perform a specific task, automatically discovered and applied based on semantic matching with your request.
"Like a recipe card Claude can reference. When you ask for something matching the recipe's purpose, Claude pulls out the card and follows the instructions."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
API Skills
Skills uploaded to Anthropic's platform and specified in Messages API calls via the container parameter. Used in production apps for document processing (xlsx, pptx, docx, pdf) and custom workflows. Different from Claude Code Skills which are local files.
Skill Tool
A Claude Code tool that programmatically invokes Skills and Slash Commands. Lets Claude automatically run custom commands based on context. Can be controlled via permissions to allow/deny specific skills.
Allowed Tools
A Claude Skill YAML setting that restricts which tools Claude can use without permission when the skill is active. Enables read-only skills, database-only skills, or any custom tool restriction for security and safety.
Progressive Disclosure
A design pattern where detailed information is loaded only when needed. Skills use this to keep startup fast by loading full instructions only when activated.
API Skills
AISkills uploaded to Anthropic's platform and specified in Messages API calls via the container parameter. Used in production apps for document processing (xlsx, pptx, docx, pdf) and custom workflows. Different from Claude Code Skills which are local files.
"Like plugins you upload to the cloud vs. installing locally. API Skills live in Anthropic's infrastructure; Claude Code Skills live in your project."
Claude Skill
A Markdown file that teaches Claude how to perform a specific task, automatically discovered and applied based on semantic matching with your request.
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Skill Tool
A Claude Code tool that programmatically invokes Skills and Slash Commands. Lets Claude automatically run custom commands based on context. Can be controlled via permissions to allow/deny specific skills.
Skill Tool
AIA Claude Code tool that programmatically invokes Skills and Slash Commands. Lets Claude automatically run custom commands based on context. Can be controlled via permissions to allow/deny specific skills.
"Like giving Claude the ability to use power tools. You decide which tools it has access to."
Claude Skill
A Markdown file that teaches Claude how to perform a specific task, automatically discovered and applied based on semantic matching with your request.
Slash Commands
Built-in commands in Claude Code that start with / — like /help, /clear, /resume, /compact, and /config. Quick shortcuts for common actions. Custom slash commands can be created and invoked via the Skill Tool.
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
API Skills
Skills uploaded to Anthropic's platform and specified in Messages API calls via the container parameter. Used in production apps for document processing (xlsx, pptx, docx, pdf) and custom workflows. Different from Claude Code Skills which are local files.
Permission Modes
The three operating modes in Claude Code that control how much autonomy Claude has: Normal (approve each action), Auto-Accept (automatic approval), and Plan (read-only analysis).
Context Fork
AIRunning a Claude Skill in an isolated subagent context using the 'context: fork' YAML setting. The skill operates independently with its own conversation history and tool access, preventing pollution of the main conversation.
"Like creating a temporary workspace for a specific task. When done, you get the results without cluttering your main desk."
Subagent
A specialized AI agent that Claude Code can delegate tasks to, operating in its own separate context window with custom tools and instructions.
Claude Skill
A Markdown file that teaches Claude how to perform a specific task, automatically discovered and applied based on semantic matching with your request.
Context Isolation
Keeping separate AI conversations in their own memory space so they don't interfere with each other. Subagents use this to work on focused tasks.
Allowed Tools
A Claude Skill YAML setting that restricts which tools Claude can use without permission when the skill is active. Enables read-only skills, database-only skills, or any custom tool restriction for security and safety.
Allowed Tools
AIA Claude Skill YAML setting that restricts which tools Claude can use without permission when the skill is active. Enables read-only skills, database-only skills, or any custom tool restriction for security and safety.
"Like giving an intern access to the filing cabinet but not the company credit card. Limited permissions for specific tasks."
Claude Skill
A Markdown file that teaches Claude how to perform a specific task, automatically discovered and applied based on semantic matching with your request.
Permission Modes
The three operating modes in Claude Code that control how much autonomy Claude has: Normal (approve each action), Auto-Accept (automatic approval), and Plan (read-only analysis).
Context Fork
Running a Claude Skill in an isolated subagent context using the 'context: fork' YAML setting. The skill operates independently with its own conversation history and tool access, preventing pollution of the main conversation.
Enterprise Skills
AIOrganization-wide Claude Skills managed by administrators through centralized settings. Automatically available to all team members, ensuring consistent workflows and standards across the organization.
"Like company-wide templates. IT sets them up once, everyone gets them automatically."
Claude Skill
A Markdown file that teaches Claude how to perform a specific task, automatically discovered and applied based on semantic matching with your request.
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Context Isolation
AIKeeping separate AI conversations in their own memory space so they don't interfere with each other. Subagents use this to work on focused tasks.
"Like having separate notebooks for different projects instead of writing everything in one messy journal."
Subagent
A specialized AI agent that Claude Code can delegate tasks to, operating in its own separate context window with custom tools and instructions.
Context Window
The amount of text an AI can 'see' at once. Bigger context = it can read more of your code and conversation history.
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Context Fork
Running a Claude Skill in an isolated subagent context using the 'context: fork' YAML setting. The skill operates independently with its own conversation history and tool access, preventing pollution of the main conversation.
Multi-Terminal Sessions
AIRunning multiple Claude Code instances in separate terminal windows simultaneously, each working on different parts of your project independently.
"Like having multiple contractors working on different rooms of your house at the same time. They don't step on each other's toes."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Context Isolation
Keeping separate AI conversations in their own memory space so they don't interfere with each other. Subagents use this to work on focused tasks.
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
Plan Mode
AIA read-only analysis mode in Claude Code that lets you explore codebases and design implementation strategies before making any changes. Claude can search, read, and analyze — but cannot edit files or run destructive commands.
"Like walking through a house with an architect before renovation. You discuss ideas and make plans without swinging a hammer."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Permission Modes
The three operating modes in Claude Code that control how much autonomy Claude has: Normal (approve each action), Auto-Accept (automatic approval), and Plan (read-only analysis).
Auto-Accept Mode
A Claude Code permission mode that automatically approves file edits and tool executions without prompting. Great for rapid iteration when you trust the changes being made.
Agentic AI
AI that can take actions autonomously — browsing files, running commands, making decisions — rather than just answering questions.
Auto-Accept Mode
AIA Claude Code permission mode that automatically approves file edits and tool executions without prompting. Great for rapid iteration when you trust the changes being made.
"Like giving your contractor the master key. They can work faster, but make sure you trust them first."
Plan Mode
A read-only analysis mode in Claude Code that lets you explore codebases and design implementation strategies before making any changes. Claude can search, read, and analyze — but cannot edit files or run destructive commands.
Permission Modes
The three operating modes in Claude Code that control how much autonomy Claude has: Normal (approve each action), Auto-Accept (automatic approval), and Plan (read-only analysis).
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Permission Modes
AIThe three operating modes in Claude Code that control how much autonomy Claude has: Normal (approve each action), Auto-Accept (automatic approval), and Plan (read-only analysis).
"Like parental controls for AI. You choose how much freedom to give based on the task."
Plan Mode
A read-only analysis mode in Claude Code that lets you explore codebases and design implementation strategies before making any changes. Claude can search, read, and analyze — but cannot edit files or run destructive commands.
Auto-Accept Mode
A Claude Code permission mode that automatically approves file edits and tool executions without prompting. Great for rapid iteration when you trust the changes being made.
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Headless Mode
AIRunning Claude Code non-interactively with a single prompt using the -p flag. Perfect for scripts, automation, and CI/CD pipelines.
"Like leaving a note for your assistant instead of having a conversation. They do the task and leave the results."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
CLI (Command Line Interface)
A program you interact with by typing commands in the terminal, rather than clicking buttons.
Extended Thinking
AIA Claude Code mode where the AI takes more time to reason through complex problems before responding. Activated with Ctrl+O or the /config command. Best for architecture decisions and tricky bugs.
"Like asking someone to 'think it through' before answering. They take longer but give better answers."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Plan Mode
A read-only analysis mode in Claude Code that lets you explore codebases and design implementation strategies before making any changes. Claude can search, read, and analyze — but cannot edit files or run destructive commands.
Context Window
The amount of text an AI can 'see' at once. Bigger context = it can read more of your code and conversation history.
Hooks (Claude Code)
AIShell commands that automatically execute when certain events happen in Claude Code — like before/after tool calls, on startup, or when submitting prompts. Defined in settings.json.
"Like motion-sensor lights. When something happens (motion), an action triggers automatically (lights on)."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
CLI (Command Line Interface)
A program you interact with by typing commands in the terminal, rather than clicking buttons.
CLAUDE.md
AIA special Markdown file in your project root that Claude Code reads automatically. Use it to store project context, coding conventions, and persistent instructions that apply to every conversation.
"Like a welcome packet for a new team member. It tells Claude everything it needs to know about your project."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Context Window
The amount of text an AI can 'see' at once. Bigger context = it can read more of your code and conversation history.
Claude Skill
A Markdown file that teaches Claude how to perform a specific task, automatically discovered and applied based on semantic matching with your request.
Slash Commands
AIBuilt-in commands in Claude Code that start with / — like /help, /clear, /resume, /compact, and /config. Quick shortcuts for common actions. Custom slash commands can be created and invoked via the Skill Tool.
"Like keyboard shortcuts, but for conversation. Type a quick command instead of explaining what you want."
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
CLI (Command Line Interface)
A program you interact with by typing commands in the terminal, rather than clicking buttons.
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
Skill Tool
A Claude Code tool that programmatically invokes Skills and Slash Commands. Lets Claude automatically run custom commands based on context. Can be controlled via permissions to allow/deny specific skills.
Cursor
AIAn AI-first code editor built on VS Code. Deep AI integration for code generation, chat, and codebase understanding. Uses Claude or GPT models under the hood.
"Like VS Code with an AI copilot built in. Not an extension — the whole IDE is AI-aware."
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. The most popular choice for web development with extensive extensions marketplace.
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
GitHub Copilot
AIAI pair programmer that suggests code completions in your editor. Trained on public code, integrates into VS Code, JetBrains, and more.
"Like autocomplete that actually understands code. Suggests whole functions, not just words."
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. The most popular choice for web development with extensive extensions marketplace.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Windsurf
AIAn AI-powered IDE built on VS Code by Codeium. Features 'Cascade' — an agentic AI that can autonomously write, edit, and execute code across your project.
"Like Cursor's more autonomous cousin. The AI doesn't just suggest — it can take the wheel."
Cursor
An AI-first code editor built on VS Code. Deep AI integration for code generation, chat, and codebase understanding. Uses Claude or GPT models under the hood.
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. The most popular choice for web development with extensive extensions marketplace.
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
Codeium
Free AI code completion tool that works in most IDEs. Trained on permissively licensed code. Offers generous free tier compared to Copilot.
Antigravity
AIGoogle's agent-first IDE built on a VS Code fork. Features a Manager view for orchestrating multiple AI agents working in parallel. Powered by Gemini 3 with multi-model support.
"Like a mission control for AI coding agents. You manage the fleet, they write the code."
Gemini
Google's multimodal AI. Strong at code generation and explanation, deeply integrated with Google's ecosystem. Powers Antigravity IDE.
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. The most popular choice for web development with extensive extensions marketplace.
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
Cursor
An AI-first code editor built on VS Code. Deep AI integration for code generation, chat, and codebase understanding. Uses Claude or GPT models under the hood.
ChatGPT
AIOpenAI's conversational AI. Great for explaining code, debugging, and learning. Can generate code snippets but works through conversation rather than IDE integration.
"Like having a senior developer on call 24/7. Ask anything, get explanations, iterate on ideas."
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
Gemini
AIGoogle's multimodal AI. Strong at code generation and explanation, deeply integrated with Google's ecosystem. Powers Antigravity IDE.
"Like ChatGPT's Google-powered rival. Different strengths, same general idea."
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
Google Cloud Run
Google's serverless container platform. Deploy any containerized app that scales automatically. Generous free tier and tight Firebase integration.
Antigravity
Google's agent-first IDE built on a VS Code fork. Features a Manager view for orchestrating multiple AI agents working in parallel. Powered by Gemini 3 with multi-model support.
Codeium
AIFree AI code completion tool that works in most IDEs. Trained on permissively licensed code. Offers generous free tier compared to Copilot.
"Like GitHub Copilot's free alternative. Same concept, different business model."
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
Windsurf
An AI-powered IDE built on VS Code by Codeium. Features 'Cascade' — an agentic AI that can autonomously write, edit, and execute code across your project.
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. The most popular choice for web development with extensive extensions marketplace.
Tabnine
AIAI code assistant focused on privacy and security. Can run locally or on private servers. Popular with enterprises that can't send code to external APIs.
"Like GitHub Copilot for security-conscious teams. AI assistance without cloud concerns."
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
Enterprise Skills
Organization-wide Claude Skills managed by administrators through centralized settings. Automatically available to all team members, ensuring consistent workflows and standards across the organization.
Amazon Q Developer
AIAWS's AI coding assistant (formerly CodeWhisperer). Deep AWS integration for cloud development. Free tier available with AWS account.
"Like GitHub Copilot that speaks fluent AWS. Great if you live in the Amazon ecosystem."
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
AWS (Amazon Web Services)
Amazon's massive cloud computing platform. Offers everything from simple hosting to databases, AI, and more. Powers half the internet.
Cloudflare Pages
A JAMstack platform with built-in CDN and edge functions. Unlimited bandwidth on free tier. Integrates with Cloudflare's massive global network.
Sourcegraph Cody
AIAI coding assistant with deep codebase understanding. Indexes your entire repo for context-aware suggestions. Strong at navigating large codebases.
"Like an AI that actually read your whole codebase. Knows where everything is and how it connects."
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. The most popular choice for web development with extensive extensions marketplace.
Replit AI
AIAI assistant built into Replit's browser-based IDE. Code completion, generation, and explanation all in one place. Great for beginners and quick prototyping.
"Like AI coding in your browser. No setup, just start typing and let AI help."
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
Replit AI
AI assistant built into Replit's browser-based IDE. Code completion, generation, and explanation all in one place. Great for beginners and quick prototyping.
Vim / Neovim
ToolsLegendary terminal-based text editors known for speed and keyboard-driven editing. Steep learning curve but incredibly efficient once mastered. Neovim is the modern fork with better extensibility.
"Like learning to touch-type for coding. Painful at first, then you fly."
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
Code Editor
A software application for writing and editing code. Essential for development. Popular choices include VS Code (free, Microsoft), Cursor (AI-powered), Zed (fast), and WebStorm (feature-rich, paid).
Zed
ToolsA blazing-fast, modern code editor built in Rust. Focuses on performance and collaboration. Built by former Atom creators. Has AI features built-in.
"Like VS Code on a racing diet. Same comfort, way faster."
Code Editor
A software application for writing and editing code. Essential for development. Popular choices include VS Code (free, Microsoft), Cursor (AI-powered), Zed (fast), and WebStorm (feature-rich, paid).
Rust
A systems language focused on speed and safety. Used for performance-critical apps, game engines, and tools. Steep learning curve, massive payoff.
Ruby on Rails
Ruby's web framework with 'convention over configuration' philosophy. Opinionated structure that makes common tasks easy. Powered early Twitter and GitHub.
WebStorm
ToolsJetBrains' powerful IDE for JavaScript and TypeScript. Heavy but feature-rich with excellent refactoring tools, database integration, and debugging.
"Like a code editor's heavyweight cousin. More features, more resources, more power."
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
TypeScript
JavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
Code Editor
A software application for writing and editing code. Essential for development. Popular choices include VS Code (free, Microsoft), Cursor (AI-powered), Zed (fast), and WebStorm (feature-rich, paid).
GitLab
ToolsA Git hosting platform with built-in CI/CD, issue tracking, and DevOps features. Can be self-hosted. Popular in enterprises.
"Like GitHub's self-hostable sibling. Same core features, different philosophy."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Repository (Repo)
A folder that contains your project's files AND the complete history of all changes tracked by Git.
Bitbucket
ToolsAtlassian's Git hosting platform. Integrates tightly with Jira and other Atlassian tools. Popular with teams already using Atlassian products.
"Like Git hosting for Jira lovers. If your team lives in Atlassian, Bitbucket fits right in."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Repository (Repo)
A folder that contains your project's files AND the complete history of all changes tracked by Git.
VS Code
ToolsVisual Studio Code — a free, powerful code editor made by Microsoft. The most popular choice for web development with extensive extensions marketplace.
"Like Microsoft Word, but for code. It highlights syntax, catches errors, and has a built-in terminal."
Code Editor
A software application for writing and editing code. Essential for development. Popular choices include VS Code (free, Microsoft), Cursor (AI-powered), Zed (fast), and WebStorm (feature-rich, paid).
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
GitHub
ToolsThe world's largest Git hosting platform owned by Microsoft. Where most open-source projects live and developers collaborate.
"Like Google Drive for code. Your projects live in the cloud and others can view or contribute."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Repository (Repo)
A folder that contains your project's files AND the complete history of all changes tracked by Git.
Clone
To download a copy of a repository from a Git host (like GitHub) to your local computer.
Progressive Disclosure
ConceptA design pattern where detailed information is loaded only when needed. Skills use this to keep startup fast by loading full instructions only when activated.
"Like a textbook with a summary at the start of each chapter. You read the summary first, and only dive into the details if you need them."
Claude Skill
A Markdown file that teaches Claude how to perform a specific task, automatically discovered and applied based on semantic matching with your request.
Tokens
The units AI uses to process text. Roughly 1 token = 4 characters. You pay per token, and context windows are measured in tokens.
Context Window
The amount of text an AI can 'see' at once. Bigger context = it can read more of your code and conversation history.
Vercel
HostingA cloud platform that makes deploying websites dead simple. Push your code, get a live URL. Created by the team behind Next.js.
"Like magic website publishing. Push to GitHub, and boom — it's live."
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
Deployment
The process of moving your code from your computer to a server so the world can access it.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Netlify
HostingA popular hosting platform for static sites and serverless functions. Great for React, Vue, and static site generators.
"Like a one-click website launcher. Drag, drop, deployed."
Deployment
The process of moving your code from your computer to a server so the world can access it.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
AWS (Amazon Web Services)
HostingAmazon's massive cloud computing platform. Offers everything from simple hosting to databases, AI, and more. Powers half the internet.
"Like a giant LEGO set for the cloud. Hundreds of services you can combine to build anything."
Cloudflare Pages
A JAMstack platform with built-in CDN and edge functions. Unlimited bandwidth on free tier. Integrates with Cloudflare's massive global network.
Serverless
HostingA cloud model where you don't manage servers. Your code runs in response to events, and you only pay when it executes.
"Like renting a kitchen by the meal instead of buying a restaurant. Use it, pay for it, done."
AWS Lambda
Amazon's serverless compute service. Run code in response to events without managing servers. Pay only when your code runs. The original serverless platform.
Vercel
A cloud platform that makes deploying websites dead simple. Push your code, get a live URL. Created by the team behind Next.js.
CDN (Content Delivery Network)
HostingA network of servers around the world that cache your content. Users get your site from the nearest server, making it faster.
"Like having copies of your store in every city. Customers always have one nearby."
Domain Name
HostingThe human-readable address for a website (like saucytech.com). You buy it from a registrar and point it to your host.
"Like a street address for your digital house. Without it, people can't find you."
SSL / HTTPS
Security protocols that encrypt data between the browser and server. The padlock in your URL bar. Required for modern websites.
Git Hosting
A cloud service that hosts Git repositories online for storage, sharing, and collaboration. Popular options include GitHub (most popular), GitLab (self-hostable), and Bitbucket (Atlassian ecosystem).
SSL / HTTPS
HostingSecurity protocols that encrypt data between the browser and server. The padlock in your URL bar. Required for modern websites.
"Like a sealed envelope vs. a postcard. HTTPS keeps prying eyes out."
Domain Name
The human-readable address for a website (like saucytech.com). You buy it from a registrar and point it to your host.
Docker
HostingA tool that packages your app and its environment into a 'container' that runs the same everywhere. No more 'it works on my machine.'
"Like shipping furniture in a box. Everything arrives exactly as it was packed."
Preview Deployment
HostingAn automatic staging environment created for every pull request or branch. Lets you see and test changes before merging to production.
"Like a dress rehearsal before opening night. See exactly how it looks before going live."
Vercel
A cloud platform that makes deploying websites dead simple. Push your code, get a live URL. Created by the team behind Next.js.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Deployment
The process of moving your code from your computer to a server so the world can access it.
Railway
HostingA modern deployment platform that simplifies running apps, databases, and cron jobs. Push code, get a live app. Known for excellent DX and fair pricing.
"Like Heroku reborn. Simple deploys with modern pricing that doesn't surprise you."
Deployment
The process of moving your code from your computer to a server so the world can access it.
Docker
A tool that packages your app and its environment into a 'container' that runs the same everywhere. No more 'it works on my machine.'
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
Render
HostingA unified cloud platform for apps, static sites, cron jobs, and databases. Heroku-like simplicity with transparent pricing and free SSL.
"Like Heroku without the sticker shock. Push and deploy with no surprises."
Deployment
The process of moving your code from your computer to a server so the world can access it.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
Fly.io
HostingA platform for running full-stack apps close to users worldwide. Known for edge deployment and running containers in 30+ regions with low latency.
"Like your app having offices everywhere. Users connect to the nearest one."
Docker
A tool that packages your app and its environment into a 'container' that runs the same everywhere. No more 'it works on my machine.'
Cloudflare Pages
HostingA JAMstack platform with built-in CDN and edge functions. Unlimited bandwidth on free tier. Integrates with Cloudflare's massive global network.
"Like Vercel, but backed by Cloudflare's infrastructure. Great free tier."
CDN (Content Delivery Network)
A network of servers around the world that cache your content. Users get your site from the nearest server, making it faster.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
AWS Amplify
HostingAmazon's platform for deploying full-stack web and mobile apps. Integrates tightly with AWS services like Cognito, DynamoDB, and Lambda. Good for AWS ecosystem users.
"Like Vercel, but built by Amazon for the AWS family. If you're in AWS, it's a natural fit."
AWS (Amazon Web Services)
Amazon's massive cloud computing platform. Offers everything from simple hosting to databases, AI, and more. Powers half the internet.
Deployment
The process of moving your code from your computer to a server so the world can access it.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
AWS Lambda
HostingAmazon's serverless compute service. Run code in response to events without managing servers. Pay only when your code runs. The original serverless platform.
"Like a vending machine for code. Insert event, get result, pay per use."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
AWS (Amazon Web Services)
Amazon's massive cloud computing platform. Offers everything from simple hosting to databases, AI, and more. Powers half the internet.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
Google Cloud Run
HostingGoogle's serverless container platform. Deploy any containerized app that scales automatically. Generous free tier and tight Firebase integration.
"Like AWS Lambda, but you bring your own container. More flexible, still serverless."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Docker
A tool that packages your app and its environment into a 'container' that runs the same everywhere. No more 'it works on my machine.'
Google Cloud Run
Google's serverless container platform. Deploy any containerized app that scales automatically. Generous free tier and tight Firebase integration.
Azure App Service
HostingMicrosoft's platform for hosting web apps, APIs, and mobile backends. Supports multiple languages and frameworks. Strong integration with Microsoft ecosystem.
"Like Heroku from Microsoft. Push code, get a running app, with Azure services at your fingertips."
Deployment
The process of moving your code from your computer to a server so the world can access it.
Cloudflare Pages
A JAMstack platform with built-in CDN and edge functions. Unlimited bandwidth on free tier. Integrates with Cloudflare's massive global network.
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
DigitalOcean App Platform
HostingSimple deployment platform with transparent pricing and excellent docs. Deploy apps, databases, and static sites. Known for developer-friendly experience.
"Like Heroku's more affordable cousin. Straightforward, no surprises, great support."
Deployment
The process of moving your code from your computer to a server so the world can access it.
Cloudflare Pages
A JAMstack platform with built-in CDN and edge functions. Unlimited bandwidth on free tier. Integrates with Cloudflare's massive global network.
Docker
A tool that packages your app and its environment into a 'container' that runs the same everywhere. No more 'it works on my machine.'
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
404 Not Found
ErrorsThe server couldn't find the page you requested. Usually means a broken link, typo in the URL, or deleted content.
"Like knocking on a door that doesn't exist. The house is there, but that room isn't."
SSL / HTTPS
Security protocols that encrypt data between the browser and server. The padlock in your URL bar. Required for modern websites.
500 Internal Server Error
ErrorsSomething went wrong on the server, but it doesn't know what. A generic 'oops' error — check the server logs.
"Like a restaurant saying 'kitchen problems.' Something broke, but they won't say what."
404 Not Found
The server couldn't find the page you requested. Usually means a broken link, typo in the URL, or deleted content.
Debugging
Finding and fixing errors in your code. Involves reading errors, adding console.logs, and using debugger tools.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
CORS Error
ErrorsCross-Origin Resource Sharing error. Happens when your frontend tries to fetch data from a different domain without permission.
"Like a bouncer checking your ID. 'You're not on the list' = CORS error."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Null / Undefined Error
ErrorsYou tried to use something that doesn't exist. Null means 'intentionally empty'; undefined means 'never set.'
"Like trying to open a drawer that was never installed. There's nothing there to open."
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
TypeScript
JavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
Debugging
Finding and fixing errors in your code. Involves reading errors, adding console.logs, and using debugger tools.
Syntax Error
ErrorsYou wrote code that breaks the rules of the language — missing brackets, typos, wrong punctuation. The code won't run at all.
"Like a sentence without a period or with words in the wrong order. It just doesn't make sense."
Debugging
Finding and fixing errors in your code. Involves reading errors, adding console.logs, and using debugger tools.
Code Editor
A software application for writing and editing code. Essential for development. Popular choices include VS Code (free, Microsoft), Cursor (AI-powered), Zed (fast), and WebStorm (feature-rich, paid).
Type Error
ErrorsYou used a value in a way that doesn't match its type. Like calling .toUpperCase() on a number instead of a string.
"Like putting diesel in a gas car. Wrong fuel type = won't work."
TypeScript
JavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
Debugging
Finding and fixing errors in your code. Involves reading errors, adding console.logs, and using debugger tools.
Stack Trace
ErrorsA detailed report of what your code was doing when it crashed. Shows the chain of function calls that led to the error.
"Like a trail of breadcrumbs. Follow it backward to find where things went wrong."
Debugging
Finding and fixing errors in your code. Involves reading errors, adding console.logs, and using debugger tools.
500 Internal Server Error
Something went wrong on the server, but it doesn't know what. A generic 'oops' error — check the server logs.
Dependency Hell
ErrorsWhen your project's packages conflict with each other or require incompatible versions. A frustrating mess to untangle.
"Like IKEA furniture where the screws from one set don't fit the other. Nothing lines up."
npm (Node Package Manager)
A tool that comes with Node.js. It lets you install, update, and manage packages (pre-built code libraries) for your projects.
npm (Node Package Manager)
A tool that comes with Node.js. It lets you install, update, and manage packages (pre-built code libraries) for your projects.
Version Control
Tracking changes to your code over time. Git is the most popular system. Essential for collaboration and undo-ability.
Component
FrontendA reusable piece of UI. In React, everything is a component — buttons, cards, headers. Build once, use everywhere.
"Like LEGO bricks. Small, self-contained pieces that snap together to build something bigger."
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
Props
Data passed from a parent component to a child. Like function arguments, but for components.
State
Data that changes over time in your app. When state updates, the UI re-renders to reflect the new data.
State
FrontendData that changes over time in your app. When state updates, the UI re-renders to reflect the new data.
"Like the score in a video game. It changes, and the screen updates to show the new score."
Component
A reusable piece of UI. In React, everything is a component — buttons, cards, headers. Build once, use everywhere.
Props
Data passed from a parent component to a child. Like function arguments, but for components.
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
Props
FrontendData passed from a parent component to a child. Like function arguments, but for components.
"Like passing a note in class. The parent writes it, the child reads it."
Component
A reusable piece of UI. In React, everything is a component — buttons, cards, headers. Build once, use everywhere.
State
Data that changes over time in your app. When state updates, the UI re-renders to reflect the new data.
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
DOM (Document Object Model)
FrontendA tree representation of your HTML that JavaScript can read and modify. How your code interacts with the page.
"Like a family tree of your webpage. JavaScript can visit any family member and change them."
HTML (HyperText Markup Language)
The skeleton of every webpage. It defines the structure — headings, paragraphs, images, links. Not a programming language, but essential.
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
Responsive Design
FrontendMaking websites look good on all screen sizes — phones, tablets, desktops. Uses flexible layouts and media queries.
"Like water filling different shaped containers. The content adapts to fit."
CSS (Cascading Style Sheets)
The styling language for the web. It controls colors, fonts, layouts, spacing, and animations. Makes HTML look good.
SPA (Single Page Application)
FrontendA web app that loads once and dynamically updates content without full page reloads. Feels fast and app-like.
"Like a TV that changes channels instantly. No waiting for the whole screen to reload."
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
Client
The device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
SSR (Server-Side Rendering)
FrontendGenerating HTML on the server for each request. Better for SEO and initial load time than pure client-side rendering.
"Like a restaurant cooking your meal in the kitchen vs. giving you raw ingredients to cook yourself."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Client
The device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
App Router
FrontendNext.js 13+ routing system using the /app directory. Features file-based routing, nested layouts, and Server Components by default.
"Like a GPS that automatically knows every street in your app. Create a folder = create a route."
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Server Component
FrontendA React component that runs ONLY on the server. Can directly access databases, fetch data, and keeps secrets safe. The default in Next.js App Router.
"Like the kitchen in a restaurant. Customers never see it, but that's where the magic happens."
Client
The device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
App Router
Next.js 13+ routing system using the /app directory. Features file-based routing, nested layouts, and Server Components by default.
SSR (Server-Side Rendering)
Generating HTML on the server for each request. Better for SEO and initial load time than pure client-side rendering.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Client Component
FrontendA React component that runs in the browser. Required for interactivity (useState, onClick, useEffect). Add "use client" at the top of the file.
"Like the dining room. The customer sees it, interacts with it, and clicks the buttons."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
State
Data that changes over time in your app. When state updates, the UI re-renders to reflect the new data.
App Router
Next.js 13+ routing system using the /app directory. Features file-based routing, nested layouts, and Server Components by default.
Client
The device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
Server Actions
FrontendNext.js feature that lets you run server-side code directly from React components. Mark a function with 'use server' and call it from forms or buttons.
"Like a direct line to the kitchen from your table. No waiter needed — press a button and the order goes straight to the chef."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
DigitalOcean App Platform
Simple deployment platform with transparent pricing and excellent docs. Deploy apps, databases, and static sites. Known for developer-friendly experience.
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Hydration
FrontendThe process where React takes over server-rendered HTML and makes it interactive. The client 'hydrates' the static markup with event listeners and state.
"Like adding water to instant coffee. The dry powder (server HTML) becomes a real drink (interactive app) when you add water (JavaScript)."
SSR (Server-Side Rendering)
Generating HTML on the server for each request. Better for SEO and initial load time than pure client-side rendering.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Client
The device or program that requests data from a server. Your web browser is a client — it asks servers for websites and displays them to you.
Endpoint
BackendA specific URL where your API receives requests. Like /api/users or /api/products. Each endpoint handles a specific action.
"Like different phone extensions at a company. Dial the right one to reach the right department."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
REST (Representational State Transfer)
A set of rules for building APIs. Uses HTTP methods (GET, POST, PUT, DELETE) to perform actions on resources.
App Router
Next.js 13+ routing system using the /app directory. Features file-based routing, nested layouts, and Server Components by default.
REST (Representational State Transfer)
BackendA set of rules for building APIs. Uses HTTP methods (GET, POST, PUT, DELETE) to perform actions on resources.
"Like a language for APIs. Everyone agrees on the grammar, so systems can talk to each other."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
SSL / HTTPS
Security protocols that encrypt data between the browser and server. The padlock in your URL bar. Required for modern websites.
Endpoint
A specific URL where your API receives requests. Like /api/users or /api/products. Each endpoint handles a specific action.
Authentication
BackendVerifying WHO you are. Usually involves logging in with a username/password, or using OAuth with Google/GitHub.
"Like showing your ID at the door. Proving you are who you claim to be."
Authorization
Verifying WHAT you can do. After you're authenticated, authorization checks if you have permission for a specific action.
OAuth
A secure way to log in using another account (like Google or GitHub) without sharing your password with the app.
JWT (JSON Web Token)
A compact, secure way to transmit information between parties. Often used for authentication tokens after login.
Authorization
BackendVerifying WHAT you can do. After you're authenticated, authorization checks if you have permission for a specific action.
"Like having a building pass but only for certain floors. You're in, but not everywhere."
Authentication
Verifying WHO you are. Usually involves logging in with a username/password, or using OAuth with Google/GitHub.
Middleware
BackendCode that runs BETWEEN receiving a request and sending a response. Used for logging, auth checks, data validation.
"Like airport security. Every passenger (request) passes through before reaching the gate."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Express.js
The minimalist Node.js web framework. Barebones but flexible — you choose your own database, auth, and structure. The foundation for many Node backends.
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
JWT (JSON Web Token)
BackendA compact, secure way to transmit information between parties. Often used for authentication tokens after login.
"Like a tamper-proof wristband at a concert. Shows you're allowed in without checking the list every time."
Authentication
Verifying WHO you are. Usually involves logging in with a username/password, or using OAuth with Google/GitHub.
Multi-Terminal Sessions
Running multiple Claude Code instances in separate terminal windows simultaneously, each working on different parts of your project independently.
Tokens
The units AI uses to process text. Roughly 1 token = 4 characters. You pay per token, and context windows are measured in tokens.
Webhook
BackendAn automatic message sent from one app to another when something happens. Like 'Hey, a user signed up!' in real-time.
"Like a doorbell. Instead of constantly checking, you get notified when someone arrives."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
ORM (Object-Relational Mapping)
DatabaseA tool that lets you interact with databases using your programming language instead of raw SQL. Drizzle and Prisma are popular choices.
"Like Google Translate for databases. You speak JavaScript, it translates to SQL."
Drizzle ORM
A lightweight, type-safe ORM for TypeScript. Your schema IS your types — no code generation, no sync issues. SQL-like syntax that feels natural.
SQL (Structured Query Language)
A programming language used to communicate with relational databases. Data is stored in tables with rows and columns.
Schema
DatabaseThe structure of your database — what tables exist, what columns they have, and how they relate to each other.
"Like the blueprint of a building. It defines the shape before you add the furniture (data)."
Migration
A controlled change to your database schema. Lets you version-control your database structure and safely update it.
TablePlus
Modern database GUI for multiple databases. Clean native interface, multi-tab support, and smart query editor. Supports PostgreSQL, MySQL, Redis, and more.
WebStorm
JetBrains' powerful IDE for JavaScript and TypeScript. Heavy but feature-rich with excellent refactoring tools, database integration, and debugging.
Migration
DatabaseA controlled change to your database schema. Lets you version-control your database structure and safely update it.
"Like renovating a house room by room, with blueprints for each change."
Schema
The structure of your database — what tables exist, what columns they have, and how they relate to each other.
WebStorm
JetBrains' powerful IDE for JavaScript and TypeScript. Heavy but feature-rich with excellent refactoring tools, database integration, and debugging.
Version Control
Tracking changes to your code over time. Git is the most popular system. Essential for collaboration and undo-ability.
Query
DatabaseA request for data from a database. SELECT, INSERT, UPDATE, DELETE — these are the basic operations.
"Like asking the librarian for a specific book. 'Find me all books by this author.'"
SQL (Structured Query Language)
A programming language used to communicate with relational databases. Data is stored in tables with rows and columns.
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
CRUD
Create, Read, Update, Delete — the four basic operations you can do with data. The foundation of most apps.
CRUD
DatabaseCreate, Read, Update, Delete — the four basic operations you can do with data. The foundation of most apps.
"Like the four things you can do with a contact in your phone. Add, view, edit, remove."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
REST (Representational State Transfer)
A set of rules for building APIs. Uses HTTP methods (GET, POST, PUT, DELETE) to perform actions on resources.
PostgreSQL
DatabaseA powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
"Like the Toyota Camry of databases. Reliable, well-documented, handles anything you throw at it."
SQL (Structured Query Language)
A programming language used to communicate with relational databases. Data is stored in tables with rows and columns.
Neon
Serverless PostgreSQL. A modern database that auto-scales, branches like Git, and has a generous free tier. Perfect for vibe coding.
Supabase
An open-source Firebase alternative. Combines PostgreSQL database, authentication, storage, and real-time subscriptions in one platform.
Neon
DatabaseServerless PostgreSQL. A modern database that auto-scales, branches like Git, and has a generous free tier. Perfect for vibe coding.
"Like PostgreSQL that wakes up when you need it and sleeps when you don't. Pay for what you use."
PostgreSQL
A powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Drizzle ORM
A lightweight, type-safe ORM for TypeScript. Your schema IS your types — no code generation, no sync issues. SQL-like syntax that feels natural.
Drizzle ORM
DatabaseA lightweight, type-safe ORM for TypeScript. Your schema IS your types — no code generation, no sync issues. SQL-like syntax that feels natural.
"Like having a personal translator who speaks both TypeScript and SQL fluently. Zero confusion."
WebStorm
JetBrains' powerful IDE for JavaScript and TypeScript. Heavy but feature-rich with excellent refactoring tools, database integration, and debugging.
TypeScript
JavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
Neon
Serverless PostgreSQL. A modern database that auto-scales, branches like Git, and has a generous free tier. Perfect for vibe coding.
Schema
The structure of your database — what tables exist, what columns they have, and how they relate to each other.
Supabase
DatabaseAn open-source Firebase alternative. Combines PostgreSQL database, authentication, storage, and real-time subscriptions in one platform.
"Like a Swiss Army knife for backends. Database, auth, and file storage — all from one dashboard."
PostgreSQL
A powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
Authentication
Verifying WHO you are. Usually involves logging in with a username/password, or using OAuth with Google/GitHub.
Firebase
Google's app development platform with real-time database, authentication, hosting, and more. Great for rapid prototyping but watch costs at scale.
Scale-to-Zero
DatabaseA serverless feature where compute resources shut down completely when not in use, and spin up instantly when needed. You only pay for actual usage, not idle time.
"Like a light that automatically turns off when you leave the room and turns on when you enter. No wasted electricity."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Neon
Serverless PostgreSQL. A modern database that auto-scales, branches like Git, and has a generous free tier. Perfect for vibe coding.
PlanetScale
DatabaseA serverless MySQL platform with database branching (like Git for databases). Known for horizontal scaling and Vitess under the hood. Great for teams.
"Like Git branches for your database. Test schema changes without fear of breaking production."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
MongoDB Atlas
DatabaseA fully-managed cloud database service for MongoDB. Document-based NoSQL that's flexible for evolving schemas. Great for prototyping and unstructured data.
"Like a filing cabinet where every folder can have different contents. Flexible but less structured than SQL."
NoSQL
Databases that store data in a format other than relational tables, often as documents (JSON-like). Flexible and scalable.
DOM (Document Object Model)
A tree representation of your HTML that JavaScript can read and modify. How your code interacts with the page.
package.json
A file in your project that lists all the packages it depends on, plus scripts and metadata. It's your project's ID card.
Firebase
DatabaseGoogle's app development platform with real-time database, authentication, hosting, and more. Great for rapid prototyping but watch costs at scale.
"Like a backend-in-a-box. Everything you need to get started, but read the meter."
Google Cloud Run
Google's serverless container platform. Deploy any containerized app that scales automatically. Generous free tier and tight Firebase integration.
NoSQL
Databases that store data in a format other than relational tables, often as documents (JSON-like). Flexible and scalable.
Turso
DatabaseA distributed SQLite database at the edge. Based on libSQL (SQLite fork). Extremely low latency for read-heavy workloads with global replication.
"Like SQLite that lives in the cloud and replicates everywhere. Blazing fast reads."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Upstash
DatabaseServerless Redis and Kafka. Pay-per-request pricing with global replication. Great for caching, rate limiting, sessions, and queues.
"Like Redis that wakes up when you need it. Perfect for edge functions and serverless apps."
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
AWS RDS (Relational Database Service)
DatabaseAmazon's managed database service supporting PostgreSQL, MySQL, MariaDB, and more. Handles backups, updates, and scaling. Great for production workloads in AWS.
"Like hiring a database administrator who works 24/7. You use the database; AWS handles the maintenance."
AWS (Amazon Web Services)
Amazon's massive cloud computing platform. Offers everything from simple hosting to databases, AI, and more. Powers half the internet.
PostgreSQL
A powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
Google Cloud SQL
DatabaseGoogle's fully managed relational database for PostgreSQL, MySQL, and SQL Server. Auto-backups, high availability, and tight integration with GCP services.
"Like AWS RDS, but from Google. Same concept, different cloud neighborhood."
Google Cloud Run
Google's serverless container platform. Deploy any containerized app that scales automatically. Generous free tier and tight Firebase integration.
PostgreSQL
A powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
CockroachDB
DatabaseDistributed SQL database designed for global scale and resilience. PostgreSQL-compatible with automatic replication and geo-distribution. Survives outages like its namesake.
"Like PostgreSQL that can survive a nuclear apocalypse. Distributed across the world for maximum resilience."
PostgreSQL
A powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
Cloudflare Pages
A JAMstack platform with built-in CDN and edge functions. Unlimited bandwidth on free tier. Integrates with Cloudflare's massive global network.
Server
A computer (or program) that provides data, services, or resources to other computers over a network. When you visit a website, a server sends the page to your browser.
Refactoring
ConceptRestructuring existing code without changing its behavior. Makes code cleaner, faster, or easier to understand.
"Like reorganizing your closet. Same clothes, but now you can actually find things."
Technical Debt
The cost of shortcuts taken now that will need to be fixed later. Quick hacks accumulate into bigger problems.
Technical Debt
ConceptThe cost of shortcuts taken now that will need to be fixed later. Quick hacks accumulate into bigger problems.
"Like credit card debt. Easy to rack up, painful to pay off."
Refactoring
Restructuring existing code without changing its behavior. Makes code cleaner, faster, or easier to understand.
DRY (Don't Repeat Yourself)
ConceptA principle: every piece of knowledge should have one source of truth. Avoid copy-pasting code — abstract it instead.
"Like having one master to-do list instead of sticky notes everywhere."
Refactoring
Restructuring existing code without changing its behavior. Makes code cleaner, faster, or easier to understand.
Scope
ConceptWhere a variable exists and can be accessed. Variables inside a function can't be seen outside it.
"Like Vegas rules. What happens in the function, stays in the function."
Progressive Disclosure
A design pattern where detailed information is loaded only when needed. Skills use this to keep startup fast by loading full instructions only when activated.
Async/Await
ConceptA way to handle operations that take time (like API calls) without freezing your app. Makes async code look synchronous.
"Like placing an order and getting a buzzer. Do other stuff while you wait for it to vibrate."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
Callback
ConceptA function passed to another function, to be called later when something finishes. The OG way to handle async operations.
"Like leaving your number at a restaurant. 'Call me when my table is ready.'"
Async/Await
A way to handle operations that take time (like API calls) without freezing your app. Makes async code look synchronous.
Debugging
ConceptFinding and fixing errors in your code. Involves reading errors, adding console.logs, and using debugger tools.
"Like being a detective. Follow the clues (error messages) to find the culprit (bug)."
Stack Trace
A detailed report of what your code was doing when it crashed. Shows the chain of function calls that led to the error.
Version Control
ConceptTracking changes to your code over time. Git is the most popular system. Essential for collaboration and undo-ability.
"Like Google Docs history, but for your entire codebase. See every change, by whom, and why."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Commit
A snapshot of your code at a specific point in time. Like pressing 'Save' but with a message describing what changed.
Vibe Stack
ConceptThe Saucytech-recommended technology stack for modern web apps: Next.js + TypeScript + Tailwind + Neon + Drizzle + Vercel + Claude Code. Optimized for vibe coding.
"Like a chef's trusted knife set. Every tool chosen for speed, reliability, and how well they work together."
Next.js
A React framework that adds server-side rendering, routing, and API endpoints. The go-to for modern web apps. Powers this site!
TypeScript
JavaScript with superpowers. It adds types (like 'this must be a number') to catch errors before your code runs. Loved by teams and AI tools alike.
Tailwind CSS
A utility-first CSS framework. Instead of writing custom CSS, you use pre-built classes like 'bg-blue-500' or 'p-4' directly in your HTML.
Neon
Serverless PostgreSQL. A modern database that auto-scales, branches like Git, and has a generous free tier. Perfect for vibe coding.
Vercel
A cloud platform that makes deploying websites dead simple. Push your code, get a live URL. Created by the team behind Next.js.
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
OAuth Trap
ErrorsThe common mistake where OAuth works locally but fails in production. Usually caused by mismatched callback URLs, missing environment variables, or incorrect provider settings.
"Like a lock that works perfectly at home but the key doesn't fit when you move to a new house. Same key, different door configuration."
OAuth
A secure way to log in using another account (like Google or GitHub) without sharing your password with the app.
Callback URL (Redirect URI)
The exact URL where OAuth providers send users after login. Must match EXACTLY in both your app and the provider's console — including localhost vs production, port numbers, and trailing slashes.
Environment Variable
A secret value stored outside your code, like API keys or passwords. Keeps sensitive info out of your codebase.
.env.local
A Next.js-specific environment file for LOCAL development. When you run 'npm run dev', Next.js loads variables from this file. It should be in your .gitignore — every developer creates their own copy with their own keys. In production (Vercel), you set environment variables in the dashboard instead.
Perplexity AI
AIAI-powered search engine that combines web search with language models. Provides sources for every answer, great for research and fact-checking while coding.
"Like Google and ChatGPT had a baby. Searches the web and explains what it found."
LLM (Large Language Model)
An AI trained on massive amounts of text that can understand and generate human-like language. GPT-4, Claude, and Gemini are all LLMs.
ChatGPT
OpenAI's conversational AI. Great for explaining code, debugging, and learning. Can generate code snippets but works through conversation rather than IDE integration.
Claude Code
Anthropic's CLI tool that brings Claude directly into your terminal. It can read your codebase, write files, run commands, and ship code.
v0
AIVercel's AI tool that generates full UI components from text descriptions. Creates React/Next.js components with Tailwind CSS. Chat-based iteration for refinements.
"Like a UI designer who instantly turns your sketches into working code. Describe it, get components."
Vercel
A cloud platform that makes deploying websites dead simple. Push your code, get a live URL. Created by the team behind Next.js.
React
A JavaScript library (by Meta) for building user interfaces. Components, state management, and the virtual DOM. The most popular frontend tool.
Tailwind CSS
A utility-first CSS framework. Instead of writing custom CSS, you use pre-built classes like 'bg-blue-500' or 'p-4' directly in your HTML.
Component
A reusable piece of UI. In React, everything is a component — buttons, cards, headers. Build once, use everywhere.
IntelliJ IDEA
ToolsJetBrains' flagship Java IDE with excellent refactoring, debugging, and code analysis. Also supports web development through WebStorm features. Paid with free Community Edition.
"Like a Swiss Army knife for Java developers. Every tool you need, perfectly integrated."
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
JSON (JavaScript Object Notation)
A lightweight format for storing and exchanging data. It looks like a list of key-value pairs wrapped in curly braces.
WebStorm
JetBrains' powerful IDE for JavaScript and TypeScript. Heavy but feature-rich with excellent refactoring tools, database integration, and debugging.
PyCharm
ToolsJetBrains' Python IDE with scientific tools, web frameworks support, and excellent debugging. Professional version includes database tools and remote development.
"Like IntelliJ but speaks fluent Python. Same power, different language."
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
Python
A beginner-friendly language known for clean, readable syntax. Dominates in AI, data science, automation, and backend development.
Sublime Text
ToolsLightning-fast text editor with powerful multi-cursor editing and a minimalist interface. Paid license but unlimited free evaluation. Popular before VS Code's rise.
"Like a Formula 1 car for text editing. Stripped down, incredibly fast, takes skill to master."
Code Editor
A software application for writing and editing code. Essential for development. Popular choices include VS Code (free, Microsoft), Cursor (AI-powered), Zed (fast), and WebStorm (feature-rich, paid).
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. The most popular choice for web development with extensive extensions marketplace.
Cursor
An AI-first code editor built on VS Code. Deep AI integration for code generation, chat, and codebase understanding. Uses Claude or GPT models under the hood.
Android Studio
ToolsGoogle's official IDE for Android development. Based on IntelliJ IDEA with Android SDK, emulators, and device management built-in.
"Like Xcode but for Android. Everything you need to build Android apps in one package."
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
Android Studio
Google's official IDE for Android development. Based on IntelliJ IDEA with Android SDK, emulators, and device management built-in.
Kotlin
The modern language for Android development. Officially supported by Google, it's cleaner and safer than Java while being fully compatible with it.
Xcode
ToolsApple's IDE for developing iOS, macOS, watchOS, and tvOS apps. Required for Apple development. Includes Interface Builder, simulators, and Instruments for profiling.
"Like Apple's walled garden has its own construction tools. You need this to build for iPhone."
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
Swift
Apple's modern language for building iOS, macOS, watchOS, and tvOS apps. Fast, safe, and the go-to for iPhone app development.
Postman
ToolsAPI development and testing platform. Create, test, document, and share APIs. Supports collections, environments, automated testing, and team collaboration.
"Like a test kitchen for APIs. Try every endpoint, save your recipes, share with the team."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
REST (Representational State Transfer)
A set of rules for building APIs. Uses HTTP methods (GET, POST, PUT, DELETE) to perform actions on resources.
SSL / HTTPS
Security protocols that encrypt data between the browser and server. The padlock in your URL bar. Required for modern websites.
Insomnia
ToolsREST and GraphQL client for API testing. Clean interface, environment variables, code generation, and plugin support. Open-source alternative to Postman.
"Like Postman's minimalist cousin. Same job, cleaner interface, less bloat."
API Key
A unique code that identifies you when using an API. It's how services know who's making requests (and who to bill).
REST (Representational State Transfer)
A set of rules for building APIs. Uses HTTP methods (GET, POST, PUT, DELETE) to perform actions on resources.
Postman
API development and testing platform. Create, test, document, and share APIs. Supports collections, environments, automated testing, and team collaboration.
TablePlus
ToolsModern database GUI for multiple databases. Clean native interface, multi-tab support, and smart query editor. Supports PostgreSQL, MySQL, Redis, and more.
"Like a universal remote for databases. One app to query them all."
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
PostgreSQL
A powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
DBeaver
ToolsFree, open-source universal database tool. Supports 100+ databases, SQL editor, data visualization, and ER diagrams. The Swiss Army knife of database management.
"Like TablePlus but free and works with literally everything. Jack of all databases."
Database
An organized collection of structured information, or data, typically stored electronically in a computer system.
SQL (Structured Query Language)
A programming language used to communicate with relational databases. Data is stored in tables with rows and columns.
PostgreSQL
A powerful, open-source relational database. Rock-solid, feature-rich, and the choice for serious production apps.
Docker Desktop
ToolsGUI application for managing Docker containers on Windows and Mac. Includes Docker Engine, Docker CLI, Docker Compose, and Kubernetes. Makes containerization accessible.
"Like a control panel for your shipping containers. See what's running, start, stop, inspect."
Docker
A tool that packages your app and its environment into a 'container' that runs the same everywhere. No more 'it works on my machine.'
ngrok
ToolsSecure tunnels to localhost. Exposes local servers to the internet with a public URL. Essential for webhook testing, demos, and mobile development.
"Like a temporary bridge from your laptop to the internet. Show your local work to anyone."
Localhost
Refers to YOUR computer. When you run a server locally, you access it via localhost.
Webhook
An automatic message sent from one app to another when something happens. Like 'Hey, a user signed up!' in real-time.
Linear
ToolsModern issue tracking and project management for software teams. Keyboard-first, blazing fast, with powerful workflows and integrations. Built by ex-Uber engineers.
"Like Jira went to design school and the gym. Beautiful, fast, actually enjoyable to use."
Git
A version control system that tracks changes to your code. It lets you save snapshots, undo mistakes, and collaborate with others.
Notion
ToolsAll-in-one workspace for notes, docs, databases, and project management. Highly customizable with blocks, templates, and integrations. Popular for personal and team knowledge bases.
"Like LEGO blocks for productivity. Build any workflow you can imagine."
Figma
ToolsBrowser-based collaborative design tool for UI/UX. Real-time collaboration, component systems, prototyping, and developer handoff. Industry standard for product design.
"Like Google Docs for design. Everyone sees changes instantly, no more 'final_final_v3.sketch' files."
Responsive Design
Making websites look good on all screen sizes — phones, tablets, desktops. Uses flexible layouts and media queries.
Arc Browser
ToolsReimagined web browser focused on productivity. Features spaces for organization, sidebar tabs, split views, and built-in notes. Popular with developers and power users.
"Like Chrome went to therapy and got its life together. Organized, calm, purposeful browsing."
Arc Browser
Reimagined web browser focused on productivity. Features spaces for organization, sidebar tabs, split views, and built-in notes. Popular with developers and power users.
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
Windows 11
ToolsMicrosoft's latest operating system with WSL 2 for Linux compatibility, improved terminal, and better developer experience. Runs most development tools natively.
"Like Windows finally learned to play nice with developers. Linux inside, Windows outside."
WSL (Windows Subsystem for Linux)
Run Linux directly on Windows without a virtual machine. WSL 2 offers full Linux kernel compatibility. Best of both Windows and Linux worlds.
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
macOS
ToolsApple's operating system for Mac computers. Unix-based with excellent development tools, native Terminal, and Xcode. Popular among web and iOS developers.
"Like Unix in a tuxedo. Powerful command line with a polished GUI."
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
Xcode
Apple's IDE for developing iOS, macOS, watchOS, and tvOS apps. Required for Apple development. Includes Interface Builder, simulators, and Instruments for profiling.
Ubuntu
ToolsUser-friendly Linux distribution based on Debian. Popular for servers and development. Excellent package management with APT and huge community support.
"Like Linux for humans. Powerful but approachable, with help always available."
WSL (Windows Subsystem for Linux)
Run Linux directly on Windows without a virtual machine. WSL 2 offers full Linux kernel compatibility. Best of both Windows and Linux worlds.
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
WSL (Windows Subsystem for Linux)
ToolsRun Linux directly on Windows without a virtual machine. WSL 2 offers full Linux kernel compatibility. Best of both Windows and Linux worlds.
"Like having a secret Linux computer inside your Windows PC. Switch between them instantly."
Windows 11
Microsoft's latest operating system with WSL 2 for Linux compatibility, improved terminal, and better developer experience. Runs most development tools natively.
WSL (Windows Subsystem for Linux)
Run Linux directly on Windows without a virtual machine. WSL 2 offers full Linux kernel compatibility. Best of both Windows and Linux worlds.
Ubuntu
User-friendly Linux distribution based on Debian. Popular for servers and development. Excellent package management with APT and huge community support.
Terminal / CLI
A text-based interface used to give commands to your computer. It's how you talk to the machine directly.
Fedora
ToolsCutting-edge Linux distribution sponsored by Red Hat. Features latest software versions, strong security, and excellent development tools. Popular with experienced Linux users.
"Like Ubuntu's adventurous cousin. Latest features, slightly more risk."
WSL (Windows Subsystem for Linux)
Run Linux directly on Windows without a virtual machine. WSL 2 offers full Linux kernel compatibility. Best of both Windows and Linux worlds.
Arch Linux
ToolsMinimalist Linux distribution following KISS principle. You build your system from scratch. Rolling release model. Excellent documentation (Arch Wiki).
"Like building your own lightsaber. Powerful, personal, requires mastery."
WSL (Windows Subsystem for Linux)
Run Linux directly on Windows without a virtual machine. WSL 2 offers full Linux kernel compatibility. Best of both Windows and Linux worlds.
Namecheap
HostingDomain registrar known for affordable prices and free WHOIS privacy. Also offers hosting, SSL certificates, and email. Popular alternative to GoDaddy.
"Like the Costco of domain names. Good prices, no nonsense, bulk discounts."
Domain Name
The human-readable address for a website (like saucytech.com). You buy it from a registrar and point it to your host.
SSL / HTTPS
Security protocols that encrypt data between the browser and server. The padlock in your URL bar. Required for modern websites.
Cloudflare Registrar
HostingDomain registration at wholesale cost with no markup. Includes free WHOIS privacy, DDoS protection, and CDN. Must use Cloudflare nameservers.
"Like buying domains at cost from the manufacturer. No middleman markup."
Domain Name
The human-readable address for a website (like saucytech.com). You buy it from a registrar and point it to your host.
Cloudflare Pages
A JAMstack platform with built-in CDN and edge functions. Unlimited bandwidth on free tier. Integrates with Cloudflare's massive global network.
CDN (Content Delivery Network)
A network of servers around the world that cache your content. Users get your site from the nearest server, making it faster.
GoDaddy
HostingWorld's largest domain registrar. Known for aggressive marketing and upselling. Offers domains, hosting, website builders, and business tools.
"Like the Walmart of web services. Has everything, but watch for the upsells."
Domain Name
The human-readable address for a website (like saucytech.com). You buy it from a registrar and point it to your host.
Git Hosting
A cloud service that hosts Git repositories online for storage, sharing, and collaboration. Popular options include GitHub (most popular), GitLab (self-hostable), and Bitbucket (Atlassian ecosystem).
Heroku
HostingPioneer of Platform-as-a-Service (PaaS). Git-based deployment, add-ons marketplace, and managed infrastructure. Now owned by Salesforce with controversial pricing changes.
"Like the original 'push to deploy' platform. Revolutionary in its time, expensive now."
Deployment
The process of moving your code from your computer to a server so the world can access it.
Railway
A modern deployment platform that simplifies running apps, databases, and cron jobs. Push code, get a live app. Known for excellent DX and fair pricing.
Render
A unified cloud platform for apps, static sites, cron jobs, and databases. Heroku-like simplicity with transparent pricing and free SSL.