#frontend to full-stack transition
82 related articles
·3 min
NestJS + LangChain: A Practical Guide for Frontend Engineers Transitioning to AI Full-Stack Architecture
How can frontend engineers transition to AI full-stack? This guide covers NestJS + LangChain, TypeScript fundamentals, AI Agent development, local model deployment, and cross-language architecture skills.
Read more →
·2 min
10 Trillion Tokens in 3 Months: Open-Source Model Demand Is Exploding
Open-source LLMs processed 10 trillion tokens in under 3 months, hitting 300B daily. We break down what this milestone means and why open-source demand is accelerating.
Read more →
·3 min
Building a Streaming LLM Backend in Go: Deep Dive into the SDK and React Frontend Library
Deep dive into an open-source Go SDK for building streaming LLM backends, covering streaming responses, tool-calling architecture, and companion React library for end-to-end integration.
Read more →
·4 min
MCP-Billing: A One-Stop Solution for MCP Server Authentication, Billing, and Monetization
MCP-Billing is a self-hosted Next.js boilerplate providing OAuth 2.1 auth, Stripe usage billing, API key management, and Redis rate limiting for MCP servers—one-time €79 payment with no revenue share.
Read more →
·2 min
AI-Driven Persistent RPG Engine: A Full-Stack Practice Guide with React + Supabase
Deep dive into an AI persistent RPG game engine built with React SPA and Supabase, exploring how LLMs combine with modern web stacks for cross-session memory, dynamic narrative, and game state management.
Read more →
·3 min
From Frontend to Agent Development: A Complete 6-Week Systematic Learning Path
A 6-week systematic learning path for frontend engineers transitioning to AI Agent development, covering core architecture, ReAct, multi-agent collaboration, RAG integration, and deployment.
Read more →
·3 min
Getting Started with Codex: The Right Way to Use AI Coding Agents
A detailed comparison of OpenAI Codex and Claude Code with hands-on testing. From AI agent concepts to account setup, helping developers quickly master AI coding agents.
Read more →
·2 min
ag-kit: A Deep Dive into the TypeScript-Based AI Agent Development Toolkit
An in-depth analysis of ag-kit, a TypeScript-based AI Agent development toolkit covering core architecture, modular design, use cases, and tech selection advice for full-stack developers.
Read more →
·4 min
Claude Code Tutorial: Environment Setup, Command Reference & Git Workflow in Practice
Complete guide to Claude Code covering CLI installation, domestic model switching, core commands, Git automation workflows, and automated code review and fix loops for enterprise projects.
Read more →
·4 min
Java Developer to AI Architect: A Three-Layer Capability Upgrade Roadmap
How can Java engineers transition to AI Architect? This article breaks down three core capability layers — AI app development, production RAG, and AI Agent orchestration — using Spring AI Alibaba and LangChain4j to turn your Java foundation into a competitive edge.
Read more →
·4 min
Vibe Coding in Practice: Ship an App from Idea to Live in 5 Steps with AI Tools
Use Google Stitch, AI Studio, AntiGravity, GitHub, and Vercel to go from idea to live app in 5 steps. A complete Vibe Coding walkthrough — minimal cost, no deep coding required.
Read more →
·3 min
Frontend to AI Agent: Why TypeScript + Zod Have Become Non-Negotiable
Frontend engineers pivoting to AI Agent development: TypeScript and Zod are now must-have skills. Explore the full progression from API calls to building LangGraph-style frameworks, and nail the 3 core interview topics.
Read more →
·3 min
Four Paths for Frontend Engineers to Level Up in AI: From RAG to Vertical Agents
How can frontend engineers transition into AI development? This guide covers four agent development directions: RAG, workflow agents, vertical agents, and general-purpose agents — with framework picks like LangChain.js.
Read more →
·6 min
OpenAI Merges ChatGPT and Codex: The Super App for the AI Agent Era Is Here
OpenAI merges ChatGPT and Codex into a super app and releases three new GPT-5.6 models: Sol, Terra, and Luna. A deep dive into four hands-on workflows—Computer Use, Loops, and multi-threading—for the AI agent era.
Read more →
·4 min
E2AM: An Open-Source Tool to Quantify AI Training Energy Consumption and Carbon Emissions in Two Lines of Code
E2AM is a Green AI open-source tool that monitors AI model training energy use, carbon emissions, and accuracy-per-joule metrics in just two lines of code. Supports PyTorch and Hugging Face, runs locally with no server needed.
Read more →
·3 min
Building LangGraph from Scratch in TypeScript: A Complete Agent Development Guide for Frontend Engineers
How can frontend developers get into AI Agent development with TypeScript? This guide covers a four-stage path from API calls to building LangGraph from scratch, including Zod, state management, and node-edge design.
Read more →
·7 min
LangChain.js + Nuxt.js: An AI Full-Stack Advancement Path for Frontend Engineers
Frontend hiring now treats AI capabilities as a core assessment, covering RAG knowledge bases, AI Agent development, and LangChain.js engineering. Learn how LangChain.js + Nuxt.js helps frontend developers build memory- and retrieval-capable AI full-stack apps.
Read more →
·4 min
Frontend to Full-Stack AI: A Complete NestJS + LangChain Roadmap
Pure frontend roles are shrinking fast. Learn how mastering NestJS and LangChain AI agent development can unlock a 20–30% salary boost on your full-stack AI transition path.
Read more →
·3 min
Can AI Replace Traditional Code Generators? Playing to Each Tool's Strengths Is the Optimal Solution
AI-generated code is costly, unpredictable, and has a 50%+ rework rate. For standardized CRUD, traditional code generators far outperform AI. Learn how to combine both tools for the optimal dev workflow.
Read more →
·4 min
LLM Job Interviews: Multi-Agent and Harness Engineering Are Now Must-Know Topics
Deep analysis of LLM job interview essentials: Multi-Agent architecture, Harness engineering, Agent Loop, sandbox isolation, and memory management with career transition tips.
Read more →