codebase-guide

Catalog architecture knowledge for a TanStack Start e-commerce application.

Updated Dec 25, 2025
One-click install
npx skills add https://github.com/Mavrick91/tanstack-start-app --skill codebase-guide
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: codebase-guide
Source: https://github.com/Mavrick91/tanstack-start-app/tree/main/.claude/skills/codebase-guide
Command: npx skills add https://github.com/Mavrick91/tanstack-start-app --skill codebase-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Master Reference provides a concise, developer-focused map of the TanStack Start e-commerce application's architecture, enabling faster onboarding and cross-team understanding.

Core Features & Use Cases

  • Architecture Overview: learn frontend, state management, API routes, server logic, and database interactions and how they connect.
  • Directory Structure & Patterns: a quick reference to file organization and recommended patterns for extending the app.
  • Development Tasks Reference: a map of common tasks like adding routes, APIs, and translations to guide future work.

Quick Start

Explore the repository to locate feature boundaries, trace data flow, and plan how to extend the architecture.

Frequently Asked Questions about codebase-guide

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I map TanStack Start e-commerce architecture across frontend and database layers?

To map TanStack Start e-commerce architecture, this guide centralizes frontend, state management, API routes, server logic, and database interactions. It provides a structured overview connecting all layers for faster onboarding and cross-team understanding.

What is the recommended directory structure for a TanStack Start application?

The recommended directory structure for a TanStack Start application organizes files by feature boundaries and established patterns. This guide provides a quick reference to file organization to help developers locate code and plan extensions.

How do I add new API routes and translations when extending a TanStack Start codebase?

To add new API routes and translations in a TanStack Start codebase, follow the development tasks reference. This map outlines common workflows and recommended patterns for extending the application's functionality.

Can I use this architecture reference for debugging and reviewing server logic in TanStack Start?

Yes, you can use this architecture reference for debugging and reviewing server logic in TanStack Start. It is explicitly applicable during architectural reviews and when extending or debugging the codebase's server logic.

What's the best way to trace data flow from state management to the database in TanStack Start?

The best way to trace data flow from state management to the database is using this centralized architecture map. It explicitly connects state management, API routes, server logic, and database interactions to guide developers.