Skip to main content

Tutorials

Hands-on, step-by-step guides to building real features with the Vertical Template. Each tutorial takes you from zero to a working feature, with complete code examples and explanations along the way.

Available Tutorials​

TutorialTimeDifficultyWhat You'll Build
Build a Task Tracker30 minBeginnerA full CRUD task tracker with object types, list/create pages, and optional AI assistance
Add AI Chat25 minIntermediateA streaming AI chat interface with SSE, document upload, and RAG-powered responses
Deploy to Azure20 minIntermediateProduction deployment to Azure App Service with CI/CD via GitHub Actions
Build Document Management45 minIntermediateA document management app with upload, AI classification, RAG indexing, and chat-based Q&A
Create a White-Label Configuration30 minBeginnerA fully branded tenant with custom theme, layout, navigation, and feature flags
Industry Examples15 minReferenceBlueprints for immigration, healthcare, property, legal, and education verticals

If you are new to the Vertical Template, we recommend following the tutorials in order:

  1. Build a Task Tracker -- Learn the fundamentals: project scaffolding, tenant configuration, object types, and building CRUD pages with the useResources hook. This is the foundation for everything else.

  2. Add AI Chat -- Layer AI capabilities onto your vertical: SSE streaming, the useChat hook, document upload for RAG, and conversation management with AICore.

  3. Deploy to Azure -- Ship your vertical to production: Azure App Service multi-app architecture, demo-infra registration, GitHub Actions CI/CD, and environment configuration.

Before You Start​

Make sure you have completed the initial setup:

  • Prerequisites -- System requirements and tool installation
  • Quick Start -- 5-minute project setup
  • Authenticated with eai login

Tutorial Conventions​

Throughout these tutorials, you will see the following patterns:

  • Code blocks include syntax highlighting and can be copied directly into your project
  • CLI commands use the eai CLI -- install it with npm install -g @eai-tools/cli
  • File paths are relative to your project root unless otherwise noted
  • Each tutorial builds on concepts from previous ones, but can be followed independently if you have the prerequisites in place