正在加载视频...

视频加载失败

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 次观看 • 11 个月前 •via X (Twitter)

50 条评论

andreo 的头像
andreo11 个月前

@mohamed_djoudir Looks so solid bro

Aniq-ui 的头像
Aniq-ui11 个月前

🩵🩵😎

Paweł Z 的头像
Paweł Z11 个月前

@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

Aniq-ui 的头像
Aniq-ui11 个月前

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.

Paweł Z 的头像
Paweł Z11 个月前

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.

Himanshu Kumar 的头像
Himanshu Kumar11 个月前

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

Aniq-ui 的头像
Aniq-ui11 个月前

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

arigatou 的头像
arigatou11 个月前

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

Aniq-ui 的头像
Aniq-ui11 个月前

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 😎

arigatou 的头像
arigatou11 个月前

@mohamed_djoudir kanka sakin, trollüyorum xd

Aniq-ui 的头像
Aniq-ui11 个月前

And I’m over here marketing another template 🤪.

ジャバ 的头像
ジャバ11 个月前

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

Aniq-ui 的头像
Aniq-ui11 个月前

@nNny2zvMFE72991 🚀🩵

Everybody 的头像
Everybody11 个月前

@mohamed_djoudir This is clean. I love it.

Aniq-ui 的头像
Aniq-ui11 个月前

🥰🩵🩵 thank you

Henrique 的头像
Henrique11 个月前

@mohamed_djoudir Up

Jason McNeal 的头像
Jason McNeal11 个月前

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

Aniq-ui 的头像
Aniq-ui11 个月前

Technologya 🤣

Jason McNeal 的头像
Jason McNeal11 个月前

@mohamed_djoudir Bruv lol

Elite 的头像
Elite11 个月前

@mohamed_djoudir good stuff

Aniq-ui 的头像
Aniq-ui11 个月前

🩵🩵

Olanrewaju 的头像
Olanrewaju11 个月前

@mohamed_djoudir Which AI package is backing it

Ditectrev 的头像
Ditectrev11 个月前

@mohamed_djoudir Looks amazing!!🔥🔥

Aniq-ui 的头像
Aniq-ui11 个月前

Thank you 🩵🩵

Luis 的头像
Luis11 个月前

@mohamed_djoudir Really nice

Aniq-ui 的头像
Aniq-ui11 个月前

🩵🖤 Thank you

ObaisHim 的头像
ObaisHim11 个月前

@mohamed_djoudir This is crazyy coool

Aniq-ui 的头像
Aniq-ui11 个月前

@Alphaoz13 Thank you 🩵

Nishan Seal 的头像
Nishan Seal11 个月前

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

Aniq-ui 的头像
Aniq-ui11 个月前

Thank you 🩵🩵

Zeduino 的头像
Zeduino11 个月前

@mohamed_djoudir Are you using weveate Elysia?

Aniq-ui 的头像
Aniq-ui11 个月前

No

Stuart Leo 的头像
Stuart Leo11 个月前

@mohamed_djoudir Great work! 👍

Aniq-ui 的头像
Aniq-ui11 个月前

🩵🩵

Better Call Pitter  的头像
Better Call Pitter 9 个月前

@mohamed_djoudir This is cool

Aniq-ui 的头像
Aniq-ui9 个月前

Thank you bro 🩵🩵 try the live demo

Better Call Pitter  的头像
Better Call Pitter 9 个月前

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

Aniq-ui 的头像
Aniq-ui9 个月前

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

truth.phd 的头像
truth.phd11 个月前

@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!

Aniq-ui 的头像
Aniq-ui11 个月前

🩵🩵🤭

wolfaidev 🐺 的头像
wolfaidev 🐺11 个月前

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

Yash Solanki 的头像
Yash Solanki11 个月前

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

xp Ehsaan 的头像
xp Ehsaan11 个月前

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

Aniq-ui 的头像
Aniq-ui11 个月前

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

apiligu 的头像
apiligu11 个月前

@mohamed_djoudir Vibe coding?

faraaz 的头像
faraaz11 个月前

@mohamed_djoudir this looks clean 🔥 great work

Aniq-ui 的头像
Aniq-ui11 个月前

🩵🩵

Fact Checker 的头像
Fact Checker11 个月前

@mohamed_djoudir Hey bro, I only have $10

irfan je 的头像
irfan je11 个月前

@mohamed_djoudir Click on the link to watch the video.

Charley - AI news 的头像
Charley - AI news7 个月前

@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.

相关视频