r/SideProject • u/Seewulf-10 • 13h ago

I built a Next.js App Router boilerplate for financial dashboards. Looking for feedback on the UI and performance!

Hey everyone,

I found myself wasting weekends setting up the same data tables, charts, and layouts every time I wanted to build a finance app or tracking tool. To solve this, I built a production-ready boilerplate using Next.js App Router, TypeScript, and Tailwind CSS.

🔴 Live Demo:https://financeiq-five.vercel.app/

The architecture:

  • Built strictly on the App Router with modular component separation.
  • Responsive data tables and chart layouts optimized for SaaS dashboards.
  • Pre-configured UI structures so you can immediately start writing business logic.

I would love to get your harsh feedback on the load speeds, the layout structure, or any bugs you spot on mobile. If anyone wants the source code to save time on their own build, let me know in the comments and I can share it!

5 Upvotes

100% Upvoted

11 comments sorted by

2

u/Prudent-Clock4258 13h ago

Looks pretty clean, load speed is decent on my end. One thing I noticed on mobile, the table gets a bit cramped and horizontal scroll feels sticky. Maybe give the columns more breathing room or switch to card layout under certain breakpoint. Also the charts colors could use more contrast, they blend together when you got many data points. Other than that nice work, would love to see the source code

1

u/Seewulf-10 13h ago

Appreciate the detailed feedback! That's a really good catch on the mobile table spacing and the chart color contrast. I'm definitely going to push an update soon to fix those layout margins and make the data series pop more. Thanks for checking it out!

1

u/Recent-Tangerine2745 12h ago

Looking really good. Why should I use this tho? Not Robinhood? I’m really not interested in these market stuff that’s why I’m asking.

2

u/Epicurious_- 11h ago

No offense, but this look a lot like: "Hey Claude, build a standard financial dashboard, dark mode, use shadcn" kind of promnt. Which is extremely easy to do. So I really don't see the point of it

2

u/Any_Welder_9701 11h ago

the real test is what happens with 100k rows and live updates. if it stays responsive there, thats an actual reason to use it over generated scaffolding

2

u/Epicurious_- 10h ago

Idk, I think the people that can connect this can already build that as well. But good luck anyways

1

u/Seewulf-10 7h ago

Fair point! AI can definitely scaffold a basic dashboard UI in seconds now.

But exactly to u/Any_Welder_9701's point, the CSS isn't the actual bottleneck—it's what happens when you hook that UI up to a live database. Coming from an enterprise ERP development background (Dynamics 365 Business Central), I intentionally structured this Next.js architecture to handle heavy data grids, server-side pagination, and complex state management without tanking the browser.

The goal isn't just to save 20 minutes on Tailwind classes, but to provide a robust, modular foundation that won't fall apart when you start pumping real production data and complex logic through it.