Video wird geladen...
Video konnte nicht geladen werden
Admin dashboard With Ai AI assistant ! built with - Next.js 16. - Tailwind CSS 4. - TanStack Query. - Framer Motion. Comes with NestJS backend, TypeORM, JWT auth, RBAC, WebSocket-powered updates, AI assistant, and multilingual support. Demo + Source Code (Not Free) :
114,674 Aufrufe • vor 11 Monaten •via X (Twitter)
50 Kommentare

@mohamed_djoudir Looks so solid bro

🩵🩵😎

@mohamed_djoudir What’s the point of adding an additional layer of abstraction like Next.js when you already have a separate backend and you’re fetching data on the client side? I feel like Next.js is overhyped, and a lot of projects are over-engineered because of it

Next.js isn’t just about server-side rendering; it offers a lot of practical benefits even when you have a separate backend: 1 - Routing & File-based Structure : It simplifies page routing and organizing the dashboard. You don’t have to manually set up routers. 2- Optimized Builds: Next.js automatically splits code, optimizes performance, and supports incremental static regeneration, which helps even for dynamic dashboards. 3 - Developer Experience : Features like hot-reloading, API routes (if needed), and built-in image optimization speed up development. 4- Flexibility for the Future : If later you want to add server-side rendering, static generation, or edge functions, the architecture is already compatible. So, even if data fetching is client-side now, Next.js gives a scalable, maintainable structure for the project and saves time in development. It’s not hype, it’s about practicality for long-term maintainability.

1 - It used to be one of my core arguments back when I was obsessed with using Next for every project. It turns out you can easily do this in plain React, just look at TanStack Router. I’d even say it’s sometimes a bit better. Typed routes were stuck in beta in Next for ages. 2 - Basically every bundler does this. But you’re right ISR is a feature that’s pretty unique to Next. 3 - DX-wise, API routes are very tempting for newbies, but it’s easy to fall into the trap of adding an extra abstraction layer and ending up with blurred responsibilities. What should live purely on the backend side (e.g. in Nest), and when should an API route be used? Debugging these kinds of dependencies is not easy. 4 - True, but it’s usually quite easy to know whether you need SSR or ISR when starting a project. If you’re building an internal dashboard, you don’t need it in 99% of cases. Also, hosting plain React is easier, you don’t need Vercel or any runtime. It’s just JS + CSS, so any static hosting is enough. I went with Cloudflare and don’t have to worry about when I’d need to switch to a Pro plan like on Vercel. Now I just worry about scaling backend infrastructure, not both I mean, Next is extremely helpful, but mostly when you don’t have a separate backend, or when you really need ISR, SSR, etc.

@mohamed_djoudir Wow, that's a seriously impressive stack, Mohamed! Building a multilingual AI-powered dashboard is no small feat, I must say.

Thanks a lot, Himanshu! Means a lot. I even added real-time RBAC using WebSockets 😎, trying to make it feel as dynamic as possible.

@mohamed_djoudir for free contact me xd i create frontend side with cc in 2 hour

The idea isn’t really about the UI, they’re just public Tailwind CSS class names. I could hash the class names the same way this template does 😎

@mohamed_djoudir kanka sakin, trollüyorum xd

And I’m over here marketing another template 🤪.

@mohamed_djoudir これは本当にすごいですね!私も最近Next.jsを学びました。使いこなすのが楽しみです!AIアシスタントも魅力的ですね。私も使ってみたいです!

@nNny2zvMFE72991 🚀🩵

@mohamed_djoudir This is clean. I love it.

🥰🩵🩵 thank you

@mohamed_djoudir Up

@mohamed_djoudir Amazing man! How are you rendering charts in the AI response?

Technologya 🤣

@mohamed_djoudir Bruv lol

@mohamed_djoudir good stuff

🩵🩵

@mohamed_djoudir Which AI package is backing it

@mohamed_djoudir Looks amazing!!🔥🔥

Thank you 🩵🩵

@mohamed_djoudir Really nice

🩵🖤 Thank you

@mohamed_djoudir This is crazyy coool

@Alphaoz13 Thank you 🩵

@mohamed_djoudir Love the way the assistant is used and the UI is stunning.

Thank you 🩵🩵

@mohamed_djoudir Are you using weveate Elysia?

No

@mohamed_djoudir Great work! 👍

🩵🩵

@mohamed_djoudir This is cool

Thank you bro 🩵🩵 try the live demo

@mohamed_djoudir Will certainly do! If I buy, I'll also provide feedback. Count on me if you need something

Thank you, Pedro. I really appreciate it. Your feedback would be very valuable.

@mohamed_djoudir That dashboard packs so much tech it probably needs its own coffee maker. With an AI assistant on board, you might finish your admin tasks before your next yawn. But wait—source code's not free? Guess they’re serious about keeping those bots well-fed!

🩵🩵🤭

@mohamed_djoudir Nice one, but why is the scrolling so laggy?

@mohamed_djoudir This is really. How are you structuring LLM output for graph generation?

@mohamed_djoudir Hey How does your front end know which widget to render on chat from AI?

LLM decides which one. It does, and it can be extended to support new widgets as well, but that would need some extra work.

@mohamed_djoudir Vibe coding?

@mohamed_djoudir this looks clean 🔥 great work

🩵🩵

@mohamed_djoudir Hey bro, I only have $10

@mohamed_djoudir Click on the link to watch the video.

@mohamed_djoudir discord as a control plane for ai agents is smarter than any enterprise dashboard being built right now. chat is already where decisions happen. stop fighting the interface.

