Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

Profilbild von andreo
andreovor 11 Monaten

@mohamed_djoudir Looks so solid bro

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

🩵🩵😎

Profilbild von Paweł Z
Paweł Zvor 11 Monaten

@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

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

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.

Profilbild von Paweł Z
Paweł Zvor 11 Monaten

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.

Profilbild von Himanshu Kumar
Himanshu Kumarvor 11 Monaten

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

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

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

Profilbild von arigatou
arigatouvor 11 Monaten

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

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

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 😎

Profilbild von arigatou
arigatouvor 11 Monaten

@mohamed_djoudir kanka sakin, trollüyorum xd

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

And I’m over here marketing another template 🤪.

Profilbild von ジャバ
ジャバvor 11 Monaten

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

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

@nNny2zvMFE72991 🚀🩵

Profilbild von Everybody
Everybodyvor 11 Monaten

@mohamed_djoudir This is clean. I love it.

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

🥰🩵🩵 thank you

Profilbild von Henrique
Henriquevor 11 Monaten

@mohamed_djoudir Up

Profilbild von Jason McNeal
Jason McNealvor 11 Monaten

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

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

Technologya 🤣

Profilbild von Jason McNeal
Jason McNealvor 11 Monaten

@mohamed_djoudir Bruv lol

Profilbild von Elite
Elitevor 11 Monaten

@mohamed_djoudir good stuff

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

🩵🩵

Profilbild von Olanrewaju
Olanrewajuvor 11 Monaten

@mohamed_djoudir Which AI package is backing it

Profilbild von Ditectrev
Ditectrevvor 11 Monaten

@mohamed_djoudir Looks amazing!!🔥🔥

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

Thank you 🩵🩵

Profilbild von Luis
Luisvor 11 Monaten

@mohamed_djoudir Really nice

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

🩵🖤 Thank you

Profilbild von ObaisHim
ObaisHimvor 11 Monaten

@mohamed_djoudir This is crazyy coool

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

@Alphaoz13 Thank you 🩵

Profilbild von Nishan Seal
Nishan Sealvor 11 Monaten

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

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

Thank you 🩵🩵

Profilbild von Zeduino
Zeduinovor 11 Monaten

@mohamed_djoudir Are you using weveate Elysia?

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

No

Profilbild von Stuart Leo
Stuart Leovor 11 Monaten

@mohamed_djoudir Great work! 👍

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

🩵🩵

Profilbild von Better Call Pitter 
Better Call Pitter vor 9 Monaten

@mohamed_djoudir This is cool

Profilbild von Aniq-ui
Aniq-uivor 9 Monaten

Thank you bro 🩵🩵 try the live demo

Profilbild von Better Call Pitter 
Better Call Pitter vor 9 Monaten

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

Profilbild von Aniq-ui
Aniq-uivor 9 Monaten

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

Profilbild von truth.phd
truth.phdvor 11 Monaten

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

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

🩵🩵🤭

Profilbild von wolfaidev 🐺
wolfaidev 🐺vor 11 Monaten

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

Profilbild von Yash Solanki
Yash Solankivor 11 Monaten

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

Profilbild von xp Ehsaan
xp Ehsaanvor 11 Monaten

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

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

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

Profilbild von apiligu
apiliguvor 11 Monaten

@mohamed_djoudir Vibe coding?

Profilbild von faraaz
faraazvor 11 Monaten

@mohamed_djoudir this looks clean 🔥 great work

Profilbild von Aniq-ui
Aniq-uivor 11 Monaten

🩵🩵

Profilbild von Fact Checker
Fact Checkervor 11 Monaten

@mohamed_djoudir Hey bro, I only have $10

Profilbild von irfan je
irfan jevor 11 Monaten

@mohamed_djoudir Click on the link to watch the video.

Profilbild von Charley - AI news
Charley - AI newsvor 7 Monaten

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

Ähnliche Videos