181 lines
7.3 KiB
HTML
181 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>LangChain — Nexus One AI Portal</title>
|
|
<link rel="stylesheet" href="style.css?v=4">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="topnav">
|
|
<a href="index.html" class="brand">Nexus One <span>AI</span></a>
|
|
<nav>
|
|
<a href="index.html">Home</a>
|
|
<a href="quickstart.html">Quick Start</a>
|
|
<a href="prompts.html">Prompt Library</a>
|
|
<a href="usecases.html">Use Cases</a>
|
|
<span class="nav-sep"></span>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">Help ▾</button>
|
|
<div class="nav-drop-menu">
|
|
<span class="nav-drop-cat">LEARN /</span>
|
|
<a href="quickstart.html">Quick Start</a>
|
|
<a href="models.html">Models</a>
|
|
<span class="nav-drop-cat">SUPPORT /</span>
|
|
<a href="troubleshooting.html">Troubleshoot</a>
|
|
<a href="faq.html">FAQ</a>
|
|
<span class="nav-drop-cat">MORE /</span>
|
|
<a href="glossary.html">Glossary</a>
|
|
<a href="whats-new.html">What's New</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">Admin ▾</button>
|
|
<div class="nav-drop-menu nav-drop-menu-wide">
|
|
<span class="nav-drop-cat">DOCS /</span>
|
|
<a href="security.html">Security & Privacy</a>
|
|
<a href="admin.html">Admin Guide</a>
|
|
<span class="nav-drop-cat">MONITOR /</span>
|
|
<a href="dashboard.html">Dashboard</a>
|
|
<a href="analytics.html">Usage Analytics</a>
|
|
<a href="audit.html">Audit Log</a>
|
|
<a href="feedback.html">Feedback & Ratings</a>
|
|
<span class="nav-drop-cat">MANAGE /</span>
|
|
<a href="users.html">Users</a>
|
|
<a href="teams.html">Teams</a>
|
|
<a href="models-admin.html">Model Manager</a>
|
|
<a href="training.html">Training</a>
|
|
<a href="knowledge.html">Knowledge Base</a>
|
|
<span class="nav-drop-cat">TOOLS /</span>
|
|
<a href="apikeys.html">API Keys</a>
|
|
<a href="benchmark.html">Benchmarking</a>
|
|
<a href="model-compare.html">Model Compare</a>
|
|
<a href="api-playground.html">API Playground</a>
|
|
<a href="guardrails.html">Guardrails</a>
|
|
<a href="rag-quality.html">RAG Quality</a>
|
|
<a href="router.html">Model Router</a>
|
|
<a href="connectors.html">Connectors</a>
|
|
<span class="nav-drop-cat">SYSTEM /</span>
|
|
<a href="console.html">Console</a>
|
|
<a href="settings.html">Settings</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-dropdown">
|
|
<button class="nav-drop-btn">AI Tools ▾</button>
|
|
<div class="nav-drop-menu">
|
|
<span class="nav-drop-cat">INTELLIGENCE /</span>
|
|
<a href="documents.html">Document Intelligence</a>
|
|
<a href="chat-multi.html">Multimodal Chat</a>
|
|
<a href="prompt-studio.html">Prompt Studio</a>
|
|
<a href="meeting.html">Meeting Assistant</a>
|
|
<span class="nav-drop-cat">AUTOMATION /</span>
|
|
<a href="agents.html">Agent Builder</a>
|
|
<a href="schedules.html">Scheduled Jobs</a>
|
|
<a href="workflows.html">Workflow Automation</a>
|
|
<span class="nav-drop-cat">QUALITY /</span>
|
|
<a href="evals.html">AI Eval Suite</a>
|
|
<a href="chatrooms.html">Chat Rooms</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<a href="notifications.html" style="position:relative">🔔</a>
|
|
<span class="badge" data-brand="tier">Basic Tier</span>
|
|
<div id="nav-org-logo" class="nav-org-logo"></div>
|
|
</header>
|
|
|
|
<div class="tool-hero">
|
|
<div class="tool-icon">🔗</div>
|
|
<div class="tool-meta">
|
|
<a href="index.html#tools" class="back-link">← All Tools</a>
|
|
<h1>LangChain</h1>
|
|
<div class="tagline">A Python toolkit for building AI workflows — connect models, documents, tools, and logic into automated pipelines.</div>
|
|
<div class="hero-actions">
|
|
<a href="http://ai.local:8888" target="_blank" class="btn-primary">Open in Jupyter ↗</a>
|
|
<span class="access-pill">📓 Used via Jupyter or Python scripts</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
<div class="section-title">What is it?</div>
|
|
<div class="info-grid">
|
|
<div class="info-card">
|
|
<h4>In plain terms</h4>
|
|
<p>LangChain is a Python library that makes it easy to build applications on top of AI models. Instead of writing low-level code to call the model, manage prompts, and handle documents, LangChain gives you ready-made building blocks — loaders, splitters, chains, retrievers — that you assemble into a workflow.</p>
|
|
</div>
|
|
<div class="info-card">
|
|
<h4>Typical use cases</h4>
|
|
<ul>
|
|
<li>RAG pipelines — load documents, search ChromaDB, answer questions</li>
|
|
<li>Automated summarisation of reports or emails</li>
|
|
<li>Document classification and routing</li>
|
|
<li>Multi-step AI reasoning (chain of thought)</li>
|
|
<li>Extracting structured data (tables, entities) from unstructured text</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="notice">
|
|
💡 LangChain is for developers and technical staff. If you just want to chat with AI or documents, use <a href="tool-openwebui.html">Open WebUI</a> instead — no coding required.
|
|
</div>
|
|
|
|
<div class="section-title">How a simple RAG pipeline works</div>
|
|
<div class="steps">
|
|
<div class="step">
|
|
<div class="step-num">1</div>
|
|
<div>
|
|
<h4>Load your documents</h4>
|
|
<p>LangChain has loaders for PDFs, Word files, web pages, CSV files, and more. One line of code loads a folder of documents.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">2</div>
|
|
<div>
|
|
<h4>Split into chunks</h4>
|
|
<p>Documents are split into overlapping text chunks. LangChain handles the splitting logic — you just set the chunk size.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">3</div>
|
|
<div>
|
|
<h4>Store in ChromaDB</h4>
|
|
<p>The chunks are embedded and stored in ChromaDB. LangChain handles the connection and embedding automatically.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">4</div>
|
|
<div>
|
|
<h4>Query and answer</h4>
|
|
<p>When a user asks a question, LangChain retrieves relevant chunks from ChromaDB and sends them to Ollama with the question. The answer comes back and is returned to the user.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-title">Where to write LangChain code</div>
|
|
<div class="info-card" style="margin-bottom:8px">
|
|
<h4>Use Jupyter Notebook</h4>
|
|
<p>The best place to write and test LangChain code is <a href="tool-jupyter.html">Jupyter Notebook</a>. Open it at <code>http://ai.local:8888</code>, create a new notebook, and import LangChain. You can run each step individually and see the output immediately — no need to write a full application.</p>
|
|
</div>
|
|
|
|
<div class="section-title">Works with</div>
|
|
<div class="works-with">
|
|
<a href="tool-ollama.html">🦙 Ollama</a>
|
|
<a href="tool-chromadb.html">🗂️ ChromaDB</a>
|
|
<a href="tool-jupyter.html">📓 Jupyter</a>
|
|
<a href="tool-fastapi.html">⚡ FastAPI</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<footer>
|
|
<p>Nexus One AI · Powered by Cezen · Basic Tier</p>
|
|
<p>Questions? <a href="mailto:support@cezentech.com">support@cezentech.com</a></p>
|
|
</footer>
|
|
|
|
<script src="auth.js"></script>
|
|
<script src="branding.js"></script>
|
|
</body>
|
|
</html>
|