Learn from the best trainers being anywhere

Build ChatGPT Apps with Skybridge

A new ecosystem of apps is emerging inside generalist conversational agents like ChatGPT and Claude. These apps serve as a direct digital storefront for brands. They serve as a compelling alternative to traditional mobile and web applications for the billion users who now begin their online journey in a chat.

AI apps are built on standards like Apps SDK, MCP Apps, and MCP UI. They all rely on MCP as the underlying protocol to expose context and tools, while adding a human-facing presentation layer in the form of UI widgets.

Building these React apps introduces a genuinely new set of challenges: you're no longer designing for a user interacting with a UI alone, but for a three-way dynamic between a human, a UI, and a model. Every interaction must account for whether it originates from a click on a widget or a message typed in the chat.

Skybridge is the full-stack TypeScript framework built on React that we created at Alpic to help developers around the world ship these new apps at the speed of light.

Come and learn how to build the next generation of AI apps with me!

Building Fullstack Apps with Cursor

Direct the code. Don't just write it.

The development landscape is shifting from manual coding to system orchestration. Whether you are a seasoned React engineer looking to 10x your output or a product-driven creator aiming to turn a prototype into a functional app, this workshop is your gateway to AI-native development.

Join us for a hands-on, 4-hour masterclass where we build a feature-rich, fullstack application from scratch using Cursor Composer. We skip the boilerplate and focus on the exact workflows used to ship high-quality features in minutes, not days.

What You’ll Master

• AI Orchestration: Move beyond simple autocomplete to manage multi-file changes and complex app logic.
• The .cursorrules Framework: Learn how to enforce project standards and prevent AI "hallucinations" for consistent, professional code.
• Rapid Fullstack Scaffolding: Generate type-safe database schemas and backend logic instantly.
• High-Fidelity UI Iteration: Transform prompts into polished, responsive interfaces using modern CSS and component libraries.
• Hardening & Refactoring: Use AI to hunt bugs, clean up "spaghetti" code, and generate comprehensive test suites.

The Project

We will build a modern, data-driven web application that demonstrates the power of AI-assisted development. By the end of the session, you will have a functional codebase that showcases complex data relationships, dynamic UI, and optimized state management.

Who Is This For?

Developers who want to eliminate repetitive tasks and focus on high-level architecture.

Founders & Prototypers who need to bridge the gap between an idea and a working product rapidly.

Tech Enthusiasts eager to master the professional AI-native toolkit.

Requirement: Bring a laptop with Cursor installed. We provide the roadmap; the AI provides the speed; you provide the vision.

As this is a live online session, we encourage you to sign up ASAP to receive the pre-workshop setup guide and ensure you are ready to build from minute one.

From Async Chaos to Deterministic React: Hands-On State Machine Architecture for Real-Time Systems

As React apps move into real-time systems — streaming data, AI workflows, hardware devices — async complexity grows quickly. Reducers and scattered async handlers often work at first, but once concurrency and lifecycle interruptions enter the picture, things start to break in subtle ways.
In this hands-on workshop, we’ll take a fragile async React setup and redesign it into a deterministic, state-machine-driven architecture. The goal isn’t to teach a specific library, but to show how explicit state modeling makes complex systems easier to reason about and more reliable in production.

From Zero to Streaming: Implementing React Server Components Yourself

Discover the power of Server Components in React without the need for a framework. In this workshop, we will explore how to build a server-side rendering solution using "only" vanilla JavaScript and Node.js. We'll dive into the core concepts of Server Components, including how to render components on the server and manage data fetching. By the end of this session, you'll have an understanding of how to implement Server Components in your own projects without relying on a framework.

Pragmatic Testing Recipes: Crafting Tests That Survive the Heat

In this React testing workshop, we’ll trade fragile testing strategies for a testing recipe that actually holds up under pressure. If your current strategy feels like reheated leftovers — mocks that prevent you from refactoring, flaky end-to-end tests, or last-minute releases served raw — it’s time to sharpen your knives. We’ll hit the market for fresh ingredients like Vitest, Testronaut, Fakes, and Object Mothers.

Then, back in the kitchen, we’ll prepare low-maintenance, high-confidence tests that stay crisp through refactors and migrations. No dogma, no silver bullets — just practical, battle-tested techniques to help you cook with confidence.