Skip to main contentQuick reference for terms used in Kleap and web development.
API (Application Programming Interface)
A way for different software applications to communicate. In Kleap, you create API routes to handle server-side logic.
API Route
A server-side endpoint in Next.js that handles requests. Located in app/api/ directory.
Authentication
The process of verifying a user’s identity, typically through login with email/password or OAuth.
Authorization
Determining what an authenticated user is allowed to do. Different from authentication.
Build
The process of compiling your app into optimized files for production deployment.
Bundle
The compiled JavaScript files that are sent to the browser.
CDN (Content Delivery Network)
A network of servers distributed globally that serves your content from the nearest location to users.
Client Component
A React component that runs in the browser. Use 'use client' directive.
CORS (Cross-Origin Resource Sharing)
Security mechanism that controls which domains can access your API.
Credit
The unit of usage in Kleap. Each AI interaction consumes credits based on complexity.
CRUD
Create, Read, Update, Delete - the four basic database operations.
Deployment
The process of publishing your app to make it accessible on the internet.
DNS (Domain Name System)
The system that translates domain names (example.com) to IP addresses.
DOM (Document Object Model)
The programming interface for HTML documents that allows JavaScript to manipulate page content.
Edge Function
Serverless functions that run at the edge (close to users) for faster response times.
Environment Variable
A variable set outside your code that configures behavior (like API keys).
Favicon
The small icon that appears in browser tabs for your website.
Framework
A pre-built structure that provides common functionality. Kleap uses Next.js.
Frontend
The client-side part of an application that users interact with directly.
Git
Version control system for tracking code changes.
GitHub
A platform for hosting Git repositories and collaborating on code.
Hook
In React, functions that let you use state and other features in functional components (useState, useEffect, etc.).
Hot Reload
Automatic browser refresh when you make code changes during development.
HTTPS
Secure version of HTTP that encrypts data in transit.
Hydration
The process where React takes over server-rendered HTML and makes it interactive.
IDE (Integrated Development Environment)
A software application for writing code. Kleap has a built-in code editor.
JSX
JavaScript XML - syntax extension that lets you write HTML-like code in JavaScript.
JWT (JSON Web Token)
A secure way to transmit information between parties, commonly used for authentication.
Kleap
AI-powered platform for building web applications using natural language.
Lazy Loading
Technique of loading content only when needed, improving initial load time.
Layout
In Next.js, a component that wraps pages and persists across navigation.
Data about your page (title, description) used by search engines and social media.
Migration
A database change script that modifies the schema.
Middleware
Code that runs between a request and response, often for auth or redirects.
Next.js
React framework used by Kleap for building web applications.
Node.js
JavaScript runtime that allows JavaScript to run on servers.
NPM (Node Package Manager)
Tool for installing and managing JavaScript packages.
OAuth
Standard for authorization that allows users to grant access without sharing passwords.
OG (Open Graph)
Protocol for controlling how your content appears when shared on social media.
PostgreSQL
The relational database system used by Supabase.
Preview
The live view of your app during development in Kleap.
Production
The live version of your app that real users access.
Props
Properties passed to React components.
PWA (Progressive Web App)
A web app that can be installed on devices and work offline.
React
JavaScript library for building user interfaces, used by Next.js.
Responsive Design
Design approach that adapts to different screen sizes.
REST (Representational State Transfer)
Architectural style for designing networked applications.
RLS (Row Level Security)
Supabase feature that controls data access at the row level.
Route
A URL path that maps to a specific page or API endpoint.
SaaS (Software as a Service)
Software delivered over the internet on a subscription basis.
Sandbox
Isolated environment where your app runs during development.
Schema
The structure of your database (tables, columns, relationships).
SEO (Search Engine Optimization)
Practices to improve your site’s visibility in search results.
Server Component
A React component that renders on the server. Default in Next.js App Router.
Serverless
Computing model where the cloud provider manages servers automatically.
SSR (Server-Side Rendering)
Rendering pages on the server before sending to the browser.
State
Data that determines a component’s behavior and rendering.
Supabase
Open-source Firebase alternative providing database, auth, and storage.
Tailwind CSS
Utility-first CSS framework used by Kleap for styling.
Template
Pre-built starting point for creating new apps.
TypeScript
JavaScript with static type checking, used by Kleap apps.
UI (User Interface)
The visual elements users interact with.
Web address that points to a specific resource.
UX (User Experience)
The overall experience a user has with your application.
Vercel
Platform for deploying and hosting Next.js applications.
Version History
Record of changes made to your app over time.
Webhook
HTTP callback that sends data when an event occurs.
WebSocket
Protocol for real-time, two-way communication between client and server.
Need More Terms?
Missing a definition? Let us know on Discord or email [email protected]. 
