Magento Product Demo

Next.js + tRPC + React Query → NestJS backend

Admin access: /admin

1. Select a Store

Loading stores...

How it works

// Full type safety from NestJS to Next.js!
const products = trpc.product.list.useQuery({
  storeId: '...',
  pageSize: 10,
  currentPage: 1,
});

// TypeScript knows the shape of products.data
products.data?.items?.map(p => p.name);
//                          ^? string | undefined