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

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

На главную

Next.js Admin Dashboard with AI Assistant! built with - Next.js 16 - Tailwind CSS - TanStack Query - Framer Motion - next-intl (Full RTL support) Comes with NestJS backend, TypeORM, JWT auth, RBAC, real-time WebSocket updates, AI assistant powered by Gemini & DeepSeek APIs, and multilingual support. Demo +...

mohamed_djoudir's profile picture

Mohamed Djoudir

1,436 subscribers

87,878 просмотров • 7 месяцев назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

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

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) :
0:33

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) :

Mohamed Djoudir

114,400 просмотров • 9 месяцев назад

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇
0:21

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇

Mohamed Djoudir

198,740 просмотров • 7 месяцев назад

Next.js SaaS Template (2026 Edition) built with - Next.js 16 & React 19 - Tailwind CSS 4 - Framer Motion - Next-intl (RTL support) Comes with Dark-themed design, i18n (EN + AR), Pricing pages, Blog, Auth pages, Charts & animations. Demo + Source Code (First comment) 👇
0:23

Next.js SaaS Template (2026 Edition) built with - Next.js 16 & React 19 - Tailwind CSS 4 - Framer Motion - Next-intl (RTL support) Comes with Dark-themed design, i18n (EN + AR), Pricing pages, Blog, Auth pages, Charts & animations. Demo + Source Code (First comment) 👇

Mohamed Djoudir

107,636 просмотров • 7 месяцев назад

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:
1:31

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

KeenThemes Market

12,695 просмотров • 1 год назад

💥 Introducing Polaris, an AI-powered code editor like Cursor or Replit. Stop using AI coding tools. Start building them. 😎 ✏️ Full code editor with syntax highlighting & minimap 🤖 AI-powered code suggestions & quick edit 🧠 AI agent with file manipulation tools 📚 Live docs scraping with Firecrawl ▶️ In-browser code execution with WebContainers 🖼️ Live preview with terminal output 🐙 GitHub import & export ⚡ Background job execution with Inngest 🗄️ Real-time database with Convex 🔐 Authentication with Clerk 🐛 Error tracking, monitoring & logs with Sentry 🐰 AI PR reviews with CodeRabbit 🌐 Next.js 16 + TypeScript 🎨 shadcn UI + Tailwind CSS v4
4:32

💥 Introducing Polaris, an AI-powered code editor like Cursor or Replit. Stop using AI coding tools. Start building them. 😎 ✏️ Full code editor with syntax highlighting & minimap 🤖 AI-powered code suggestions & quick edit 🧠 AI agent with file manipulation tools 📚 Live docs scraping with Firecrawl ▶️ In-browser code execution with WebContainers 🖼️ Live preview with terminal output 🐙 GitHub import & export ⚡ Background job execution with Inngest 🗄️ Real-time database with Convex 🔐 Authentication with Clerk 🐛 Error tracking, monitoring & logs with Sentry 🐰 AI PR reviews with CodeRabbit 🌐 Next.js 16 + TypeScript 🎨 shadcn UI + Tailwind CSS v4

Code With Antonio

86,243 просмотров • 8 месяцев назад

📣 My newest course is out! 📣 This time we will be building an original SaaS Platform for video calls and summaries with AI Agents 🤖 Are you ready to make 1M ARR 😁? 🤖 Real-time video calls with AI agents 📞 Video and chat powered by Stream 🔐 Authentication handled by Better Auth 💳 Subscription payments via Polar 🧠 AI summaries and context chat using OpenAI ⚙️ Background jobs powered by Inngest 🧑‍💻 Code reviews with CodeRabbit 🗄️ Scalable Postgres database via Neon Postgres 🌐 Built with Next.js 15 and React 19 🎨 Tailwind CSS v4 and shadcn UI for styling 📱 Fully responsive and mobile-friendly 🚀 Ready for production deployment on Vercel
5:37

📣 My newest course is out! 📣 This time we will be building an original SaaS Platform for video calls and summaries with AI Agents 🤖 Are you ready to make 1M ARR 😁? 🤖 Real-time video calls with AI agents 📞 Video and chat powered by Stream 🔐 Authentication handled by Better Auth 💳 Subscription payments via Polar 🧠 AI summaries and context chat using OpenAI ⚙️ Background jobs powered by Inngest 🧑‍💻 Code reviews with CodeRabbit 🗄️ Scalable Postgres database via Neon Postgres 🌐 Built with Next.js 15 and React 19 🎨 Tailwind CSS v4 and shadcn UI for styling 📱 Fully responsive and mobile-friendly 🚀 Ready for production deployment on Vercel

Code With Antonio

31,277 просмотров • 1 год назад

We're excited to join forces with Sui to bring our AI coding assistant to Sui Move developers — with full support in English, Chinese, and Korean. Now you can: ✨ Generate Move code from natural language ✨ Get smart autocomplete & real-time security checks ✨ Auto-generate docs and use ready-to-go templates All in one seamless, AI-powered dev experience on ChainIDE. Lower barriers, faster innovation — empowering the global Sui community. 👇 See the magic of AI-powered Move dev — demos in 3 languages now in replies!
0:23

We're excited to join forces with Sui to bring our AI coding assistant to Sui Move developers — with full support in English, Chinese, and Korean. Now you can: ✨ Generate Move code from natural language ✨ Get smart autocomplete & real-time security checks ✨ Auto-generate docs and use ready-to-go templates All in one seamless, AI-powered dev experience on ChainIDE. Lower barriers, faster innovation — empowering the global Sui community. 👇 See the magic of AI-powered Move dev — demos in 3 languages now in replies!

Alibaba Cloud

85,346 просмотров • 1 год назад

In India, March is synonymous with exam season, and so I built a Study Assistant for my kid—thanks to Gradio and Gemini 2.0 Flash. Why Gradio? • No complex UI coding! With just a few lines of Python, I could create an interactive chatbot that offers features like chat history, image uploads (for questions about pictures, charts, and diagrams), and a notepad for quick study notes. Powered by Gemini 2.0 Flash • Multilingual support - for Hindi • Real-time Google Search Integration for current affairs and fact-checking. • Kid-friendly—it filters out distractions like gaming and social media topics. Will share the code along with a blogpost soon. AK 🍉 Abubakar Abid Logan Kilpatrick
0:47

In India, March is synonymous with exam season, and so I built a Study Assistant for my kid—thanks to Gradio and Gemini 2.0 Flash. Why Gradio? • No complex UI coding! With just a few lines of Python, I could create an interactive chatbot that offers features like chat history, image uploads (for questions about pictures, charts, and diagrams), and a notepad for quick study notes. Powered by Gemini 2.0 Flash • Multilingual support - for Hindi • Real-time Google Search Integration for current affairs and fact-checking. • Kid-friendly—it filters out distractions like gaming and social media topics. Will share the code along with a blogpost soon. AK 🍉 Abubakar Abid Logan Kilpatrick

Parul Pandey

10,795 просмотров • 1 год назад

I tested a new coding assistant on 34,568 lines of code. (Cursor could not achieve what this tool did.) AI models are improving every day: - Faster inference - Longer context lengths But are AI coding assistants advancing at the same rate? Can they truly understand your entire project? I tested Augment Code on my ai-engineering repo with ~35k lines of code. Augment Code is a powerful AI Assistant built for developers working with large, evolving codebases—needing an assistant that understands the full context of their projects. In the video demo below, I asked it to: - Merge two projects. - Answer a global context question. Here’s what happened: - It understood dependencies across both projects. - It merged them intelligently—without breaking anything. - It even created a README file for the merged project. - It answered my global query instantly, pulling from the full codebase. This is the difference between AI autocomplete and an AI engineer that truly understands your repo. Augment Code is powerful because it indexes your entire repo upfront. This way, it can answer questions instantly, no matter how large your project is. Lastly, Augment Code is fully compatible with VSCode, JetBrains, Vim, Slack, and more. Try them now, I have shared a link in the next tweet! Thanks to Augment Code for showing me their powerful AI coding assistant and working with me on this post.
0:31

I tested a new coding assistant on 34,568 lines of code. (Cursor could not achieve what this tool did.) AI models are improving every day: - Faster inference - Longer context lengths But are AI coding assistants advancing at the same rate? Can they truly understand your entire project? I tested Augment Code on my ai-engineering repo with ~35k lines of code. Augment Code is a powerful AI Assistant built for developers working with large, evolving codebases—needing an assistant that understands the full context of their projects. In the video demo below, I asked it to: - Merge two projects. - Answer a global context question. Here’s what happened: - It understood dependencies across both projects. - It merged them intelligently—without breaking anything. - It even created a README file for the merged project. - It answered my global query instantly, pulling from the full codebase. This is the difference between AI autocomplete and an AI engineer that truly understands your repo. Augment Code is powerful because it indexes your entire repo upfront. This way, it can answer questions instantly, no matter how large your project is. Lastly, Augment Code is fully compatible with VSCode, JetBrains, Vim, Slack, and more. Try them now, I have shared a link in the next tweet! Thanks to Augment Code for showing me their powerful AI coding assistant and working with me on this post.

Akshay 🚀

30,865 просмотров • 1 год назад

🚨 Introducing Tempo Labs (YC S23) 🚨 A Visual Editor for React, Powered by AI. Feels like a design tool, works like an IDE. Design visually. Ship code instantly. What Makes Tempo Different: ⚡ Code-First: Works with any codebase just like an IDE. 🤝 Live Collaboration: Share links and build together in real-time. 🚀 AI-Powered: Generate full-stack apps using a text or image prompt 📢 We’re LIVE on Product Hunt! So please support us! Link below👇
1:09

🚨 Introducing Tempo Labs (YC S23) 🚨 A Visual Editor for React, Powered by AI. Feels like a design tool, works like an IDE. Design visually. Ship code instantly. What Makes Tempo Different: ⚡ Code-First: Works with any codebase just like an IDE. 🤝 Live Collaboration: Share links and build together in real-time. 🚀 AI-Powered: Generate full-stack apps using a text or image prompt 📢 We’re LIVE on Product Hunt! So please support us! Link below👇

Kevin Michael

108,475 просмотров • 1 год назад

💥 Introducing Vibe, an AI powered app builder similar to Lovable, Replit and v0. No, this isn't my SaaS announcement, this is a product that you will learn how to build in my newest FREE course! 🚀 🚀 Next.js 15 + React 19 🎨 Tailwind v4 + shadcn UI 📡 tRPC.io 🧙‍♂️ for full-stack type safety 🔁 Inngest background jobs 🧠 Inngest agent toolkit 🔐 authentication 💳 billing 🧱 Component and app generation from AI prompts 🗂️ Live project preview with URL access 🖥️ E2B cloud sandboxes for runtime execution 🐳 Docker -based sandbox templating 🧠 AI model support (OpenAI, Anthropic, Grok) 📦 Prisma + Neon Postgres for database integration 🤖 CodeRabbit AI-powered PR reviews 🧾 Built-in credit system with usage tracking 🧪 Preview + code explorer toggle
7:07

💥 Introducing Vibe, an AI powered app builder similar to Lovable, Replit and v0. No, this isn't my SaaS announcement, this is a product that you will learn how to build in my newest FREE course! 🚀 🚀 Next.js 15 + React 19 🎨 Tailwind v4 + shadcn UI 📡 tRPC.io 🧙‍♂️ for full-stack type safety 🔁 Inngest background jobs 🧠 Inngest agent toolkit 🔐 authentication 💳 billing 🧱 Component and app generation from AI prompts 🗂️ Live project preview with URL access 🖥️ E2B cloud sandboxes for runtime execution 🐳 Docker -based sandbox templating 🧠 AI model support (OpenAI, Anthropic, Grok) 📦 Prisma + Neon Postgres for database integration 🤖 CodeRabbit AI-powered PR reviews 🧾 Built-in credit system with usage tracking 🧪 Preview + code explorer toggle

Code With Antonio

92,964 просмотров • 1 год назад

I'm open sourcing a template I built to launch a full-stack SaaS with Stripe Payment, NextJS, Supabase and Google OAuth, in ONE SHOT. It took me some time so I decided to share this to you all. The goal is to help everyone save time when launching your next SaaS, with EVERYTHING YOU NEED. You can build anything. You can learn anything. 💪 Github Repo: Try The App: Video Link: Template Features: 🔐 Authentication with Supabase 💳 Stripe payment integration 🌓 Dark mode support 📱 Responsive design 🎨 Tailwind CSS styling 🔄 Framer Motion animations 🛡️ TypeScript support 📊 Error boundary implementation 🔍 SEO optimized
4:57

I'm open sourcing a template I built to launch a full-stack SaaS with Stripe Payment, NextJS, Supabase and Google OAuth, in ONE SHOT. It took me some time so I decided to share this to you all. The goal is to help everyone save time when launching your next SaaS, with EVERYTHING YOU NEED. You can build anything. You can learn anything. 💪 Github Repo: Try The App: Video Link: Template Features: 🔐 Authentication with Supabase 💳 Stripe payment integration 🌓 Dark mode support 📱 Responsive design 🎨 Tailwind CSS styling 🔄 Framer Motion animations 🛡️ TypeScript support 📊 Error boundary implementation 🔍 SEO optimized

Shen Sean Chen

189,715 просмотров • 1 год назад

Introducing SIA, the Llama-powered Skill India Assistant! This AI chatbot offers 24/7 multilingual support for courses, skilling centers, policy details, and more. Developed in partnership with Meta India and supported by Sarvam, SIA is designed to enhance India’s skill development ecosystem. Stay tuned for launch updates! #AIForGood #SkillIndia #MetaImpact Office of Ch Jayant Singh Jayant Singh NIESBUD Directorate General of Training (DGT) Meta AI at Meta Nick Clegg Shivnath Thukral Make in India #InvestInIndia #MakeInIndia #WEF #WEF25 #IndiaAtDavos2025 #Davos #Davos2025 #IndiaAtDavos #WEF2025
2:29

Introducing SIA, the Llama-powered Skill India Assistant! This AI chatbot offers 24/7 multilingual support for courses, skilling centers, policy details, and more. Developed in partnership with Meta India and supported by Sarvam, SIA is designed to enhance India’s skill development ecosystem. Stay tuned for launch updates! #AIForGood #SkillIndia #MetaImpact Office of Ch Jayant Singh Jayant Singh NIESBUD Directorate General of Training (DGT) Meta AI at Meta Nick Clegg Shivnath Thukral Make in India #InvestInIndia #MakeInIndia #WEF #WEF25 #IndiaAtDavos2025 #Davos #Davos2025 #IndiaAtDavos #WEF2025

Skill India

30,404 просмотров • 1 год назад

Wanna make $10K a month with apps? 💰 You need to know how to create a secure, scalable backend. Gemini 3.0 just made it 10x easier. I just shot a full 2 hour 33 minute breakdown showing exactly how I build real production backends with Cursor AI — routes, auth, databases, background workers, everything — all driven through agents and clean architecture. 🔧 If you’ve ever wondered how to go from “AI-generated code” to an actual backend that can power a real business, the full walkthrough is right here. Take this software for free — it's open-source on GitHub! 🎁 Do you wanna watch this lesson by lesson?
2:33:49

Wanna make $10K a month with apps? 💰 You need to know how to create a secure, scalable backend. Gemini 3.0 just made it 10x easier. I just shot a full 2 hour 33 minute breakdown showing exactly how I build real production backends with Cursor AI — routes, auth, databases, background workers, everything — all driven through agents and clean architecture. 🔧 If you’ve ever wondered how to go from “AI-generated code” to an actual backend that can power a real business, the full walkthrough is right here. Take this software for free — it's open-source on GitHub! 🎁 Do you wanna watch this lesson by lesson?

corbin

59,434 просмотров • 9 месяцев назад

Introducing Claude Code Analytics Dashboard 🙌 Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute 👇
0:40

Introducing Claude Code Analytics Dashboard 🙌 Open source project to monitor your Claude Code agents in real-time as they work on your projects. Just run: npx claude-code-templates@latest --analytics Dashboard opens at localhost:3333 showing: - All active Claude Code sessions - Token usage & conversation stats - Real-time activity monitoring - Message history with export (CSV/JSON) Perfect for devs running multiple Claude Code agents - finally see what they're actually doing! The conversation view shows full chat history, token breakdowns, and current status. Finally understand your AI workflow patterns. Best part... Everything runs locally with total privacy! Sharing repo in first comment if you want to star or contribute 👇

Daniel San

62,057 просмотров • 1 год назад

holy moly @windsurf from Codeium is the best AI coding agent experience i've had 💨 🏄‍♂️ I scaffolded an entire Next.js app, including frontend and backend - db, auth, frontend framework etc. by simply talking to "Cascade" their AI coding agent they've figured something out something with the idea of - "Flows": "AI flows ensure that the AI always understands the context of your work, adapting instantly as you transition between tasks, so it can assist without needing to be brought up to speed or interrupt your focus." it's the first time working with an AI that I feel it actually understands what I'm trying to do and is acting with true agency it also stops to consult me when needed if anything is unclear it's a beautiful experience, so well done the best part is that it's free to try for the next few weeks for any developer
0:34

holy moly @windsurf from Codeium is the best AI coding agent experience i've had 💨 🏄‍♂️ I scaffolded an entire Next.js app, including frontend and backend - db, auth, frontend framework etc. by simply talking to "Cascade" their AI coding agent they've figured something out something with the idea of - "Flows": "AI flows ensure that the AI always understands the context of your work, adapting instantly as you transition between tasks, so it can assist without needing to be brought up to speed or interrupt your focus." it's the first time working with an AI that I feel it actually understands what I'm trying to do and is acting with true agency it also stops to consult me when needed if anything is unclear it's a beautiful experience, so well done the best part is that it's free to try for the next few weeks for any developer

Dan McAteer

190,467 просмотров • 1 год назад