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.
VS Code
EssentialsVisual Studio Code — a free, powerful code editor made by Microsoft. It's where you'll write and manage your code files.
"Like Microsoft Word, but for code. It highlights syntax, catches errors, and 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.
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."
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. It's where you'll write and manage your code files.
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.
GitHub
EssentialsA website that hosts Git repositories online. It's where developers store, share, and collaborate on code.
"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 GitHub (or another host) to your local computer.
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 GitHub (or another host) to your local computer.
Clone
EssentialsTo download a copy of a repository from GitHub (or another host) 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.
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.'"
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).
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.
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.
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."
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."
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.
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."
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."
Backend
The part of the software that runs on the server. It handles the logic, database interactions, and authentication.
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."
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.
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.
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. It's where you'll write and manage your code files.
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.
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.
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."
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.
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. It's where you'll write and manage your code files.
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. It's where you'll write and manage your code files.
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.
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. It's where you'll write and manage your code files.
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.
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."
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.
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."
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.
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."
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.
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. It's where you'll write and manage your code files.
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."
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.
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."
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.
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."
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.
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. It's where you'll write and manage your code files.
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."
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.
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
EssentialsLegendary 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.
Zed
EssentialsA 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."
IDE (Integrated Development Environment)
A software application that provides tools for writing code: editor, debugger, terminal, and more — all in one place.
Rust
A systems language focused on speed and safety. Used for performance-critical apps, game engines, and tools. Steep learning curve, massive payoff.
WebStorm
EssentialsJetBrains' powerful IDE for JavaScript and TypeScript. Heavy but feature-rich with excellent refactoring tools, database integration, and debugging.
"Like VS Code'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.
VS Code
Visual Studio Code — a free, powerful code editor made by Microsoft. It's where you'll write and manage your code files.
GitLab
EssentialsA 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
EssentialsAtlassian's Git hosting platform. Integrates tightly with Jira and other Atlassian tools. Popular with teams already using Atlassian products.
"Like GitHub 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.
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."
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.
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.
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.
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!
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).
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.
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."
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.
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.