---
title: "Discussion on \"Building the Frontend of CodeLens AI with TanStack Start\" | Hashnode"
description: "Discussion on \"Building the Frontend of CodeLens AI with TanStack Start\". Explore how I built the CodeLens AI frontend with TanStack Start, React, TanStack Query, and pnpm monorepo, with scalable tooling and architecture."
url: "https://hashnode.com/posts/building-the-frontend-of-codelens-ai-with-tanstack-start/6a9c1ce1a475307ff949d2ef"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Building the Frontend of CodeLens AI with TanStack Start](https://shubhamsinghbundela.hashnode.dev/building-the-frontend-of-codelens-ai-with-tanstack-start?utm_source=hashnode&utm_medium=feed)

Explore how I built the CodeLens AI frontend with TanStack Start, React, TanStack Query, and pnpm monorepo, with scalable tooling and architecture.

Sep 5 · 20 min read · shubhamsinghbundela.hashnode.dev  
Read the article

-   [#tanstack-start](https://hashnode.com/tag/tanstack-start)
-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#typescript](https://hashnode.com/tag/typescript)
-   [#tanstack-router](https://hashnode.com/tag/tanstack-router)
-   [#tanstack-query](https://hashnode.com/tag/tanstack-query)
-   [#pnpm](https://hashnode.com/tag/pnpm)
-   [#monorepo](https://hashnode.com/tag/monorepo)
-   [#frontend-development](https://hashnode.com/tag/frontend-development)
-   [#code-review](https://hashnode.com/tag/code-review)
-   [#ai](https://hashnode.com/tag/ai)
-   [#web-development](https://hashnode.com/tag/web-development)

## Written by

[Shubham Kumar Singh](https://hashnode.com/@shubhamsinghbundela)

@shubhamsinghbundela · India

  
[View profile](https://hashnode.com/@shubhamsinghbundela)

Problem Solver | Full Stack Developer

I'm Shubham (@shubhamsinghbundela), I'm a Software Engineer, a Full-stack developer, a tech enthusiast, and a technical writer here on @Hashnode. I have a strong zeal to share my acquired knowledge and I am also willing to learn from others.

## Responses 6

Markdown supported · ⌘↵ to post

[Julian Neagu](https://hashnode.com/@julianneagulab)

[Sep 9](https://hashnode.com/posts/building-the-frontend-of-codelens-ai-with-tanstack-start/6a9c1ce1a475307ff949d2ef/comment/6aa10ce69cf6039ca65fd39f)

i like the simple monorepo setup here. keeping web and server together makes small projects much easier to move around

[Shubham Kumar Singh](https://hashnode.com/@shubhamsinghbundela)

[Sep 9](https://hashnode.com/posts/building-the-frontend-of-codelens-ai-with-tanstack-start/6a9c1ce1a475307ff949d2ef/comment/6aa10ce69cf6039ca65fd39f#reply-6aa128082e3db2bcd9149d7c)

Yes

[Henry Robt](https://hashnode.com/@henryrober)

[Sep 7](https://hashnode.com/posts/building-the-frontend-of-codelens-ai-with-tanstack-start/6a9c1ce1a475307ff949d2ef/comment/6a9e2630c4b70dba18340b37)

The frontend architecture of CodeLens AI is an interesting example of using TanStack Start for an AI-focused application. I’m particularly interested in how the framework handles routing, data loading, and client-side interactions while keeping the frontend responsive as the application grows.

[Shubham Kumar Singh](https://hashnode.com/@shubhamsinghbundela)

[Sep 9](https://hashnode.com/posts/building-the-frontend-of-codelens-ai-with-tanstack-start/6a9c1ce1a475307ff949d2ef/comment/6a9e2630c4b70dba18340b37#reply-6aa1299223a698f1e4745023)

Thank you

[Nube Colectiva](https://hashnode.com/@nubecolectiva)

[Sep 5](https://hashnode.com/posts/building-the-frontend-of-codelens-ai-with-tanstack-start/6a9c1ce1a475307ff949d2ef/comment/6a9c662f373eeda9035772d7)

Great tutorial 👍🏼

[Shubham Kumar Singh](https://hashnode.com/@shubhamsinghbundela)

[Sep 9](https://hashnode.com/posts/building-the-frontend-of-codelens-ai-with-tanstack-start/6a9c1ce1a475307ff949d2ef/comment/6a9c662f373eeda9035772d7#reply-6aa128499de3f24e7224c96b)

Thank you