Загрузка видео...

Не удалось загрузить видео

На главную

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.

Похожие видео