Close

Explore AI

Explore GPTs

Explore AI News

Explore AI Videos

Explore AI for Jobs

Latest Next.js AI Videos

Find the latest for Next.js company videos

Follow
... 13:40
Cross-platform AI Voice Agents with Expo React Native

ElevenLabs

1+ months ago 1K views

The video demonstrates building cross-platform voice agents using Expo and React Native, showcasing their ability to access native device functionalities. A demo highlights interactions on both web and mobile platforms, where users can inquire about battery levels and adjust screen brightness. The implementation involves using Expo DOM components for web compatibility and dependencies for accessing device features like battery and brightness settings. The development process includes setting up microphone permissions and integrating 11 Labs' conversational AI SDK, enabling sophisticated voice interactions in mobile applications across platforms.
02:42 - 03:01

Accessing microphone permissions necessary for effective voice interaction on devices.

ExpoDevelopers Voice Recognition Tech & Hardware
... 14:45
How To Create A Business Website… For FREE! using Cursor AI FREE Code Editor (AI + No Code)

The Metaverse Guy

1+ months ago 2K views

This tutorial demonstrates how to create a professional business website using a detailed prompt for an AI code editor called Cursor. The video takes viewers through the steps of setting up the necessary tools, including downloading Cursor and installing Node.js and npm. It emphasizes customizing a provided AI prompt to build a high-quality, SEO-friendly website tailored to a digital marketing agency. The process is designed for beginners, enabling them to develop multi-page sites without coding knowledge, focusing on various essential pages such as services, about us, case studies, and contact pages.
08:29 - 08:52

Describes how Cursor functions to create files and manage project tasks.

Cursor AI Machine Learning Tech & Hardware
... 27:39
Fastest Way To Make A New Website with AI (CLINE + SONNET 3.7)

Income stream surfers

1+ months ago 2K views

Programmatic website creation is demonstrated using Next.js and Klein for service-based businesses. This approach replaces traditional WordPress site development by programmatically generating pages, enhancing speed and efficiency. Emphasis is placed on entering business information into XML tags to tailor the output according to services offered. A plumbing business example outlines necessary details like languages and contact information, illustrating how to utilize AI tools for generating site content. Ultimately, the focus is on simplifying the process of establishing a project, handling images, and correcting errors to ensure a functional website deployment on platforms like Vercel.
07:12 - 07:40

Integrating image assets into the project, emphasizing their role in website quality.

Cline Machine Learning Digital Media
... 32:22
I Built a FULL Web App with n8n, Lovable & Supabase (NO CODE!)

AI Workshop

1+ months ago 4K views

Demonstrating the creation of a full-stack application using Lovable and Supabase, this video showcases functionalities like user authentication, file uploads, and chat capabilities. The application enables users to sign up, log in, upload PDF files to a vector database, and retrieve information through a chat interface. Through a step-by-step guide, the speaker illustrates the integration of frontend and backend systems, emphasizing the importance of connecting web hooks for seamless data interaction. The completion of the tutorial leaves viewers equipped to build custom applications using the demonstrated tools and workflows.
04:50 - 05:46

Using AI to retrieve educational information from uploaded resumes.

n8n Chatbots Education
... 9:18
STREAM Real-Time AI Chat with Next.js 15, xAI, & OpenAI

Cole Blender 🇺🇸

1+ months ago 1K views

AI integration in applications is crucial. This video presents a step-by-step guide on adding AI capabilities to a Next.js app using the app router. The speaker introduces Next AI stream, a custom package for integrating OpenAI or X AI APIs, explaining how to set up an API key, import necessary files, and streamline chat responses. The speaker also discusses the structure of API requests, system prompts for accurate responses, and customizing the styling of AI outputs, providing insights into building efficient AI-driven applications while ensuring functionality and aesthetic appeal.
02:45 - 03:05

Discussion on the mechanisms of API requests for AI conversation.

xAI Chatbots Tech & Hardware
... 18:9
How to develop Full stack AI Apps using Cursor Ai code editor and Encore backend development

The Metaverse Guy

1+ months ago 1K views

Built a full stack AI-driven social media content generator application utilizing simple prompts to generate high-quality posts with accompanying captions. Leveraged Encore framework for intuitive backend development without coding and established a database for storing generated content. Focused on ease of use, Encore simplifies backend tasks like creating databases and API endpoints, enabling rapid application deployment. The tutorial provides step-by-step guidance on setting up the environment, from prerequisites to running the application and creating an interactive front end using Next.js, ultimately demonstrating the complete backend and frontend integration with deployment recommendations.
02:59 - 03:10

Installed Encore CLI and prerequisites for backend setup.

Cursor AI Machine Learning Education
... 25:31
Full Stack App Build Claude 3.7 & Cursor AI

Rob Shocks

1+ months ago 5K views

CLA 3.7 introduces significant improvements for app development with AI. A demonstration reveals a speedrun to create a Next.js application leveraging Supabase for database integration, showcasing voice note functionality. The new model demonstrates better performance and efficiency compared to its predecessor, CLA 3.5. Custom scaffolding yields a 70% performance increase, enhancing developer productivity. Additional features, including a Cloud code agent, offer terminal functionalities for easier app creation and management. While there are initial connectivity issues noted, overall impressions indicate a notable advancement in AI model capabilities for real-world software development tasks.
02:28 - 02:54

Cloud code feature enables terminal functionalities for efficient application tasks.

Natural Language Processing (NLP) Tech & Hardware
... 35:24
Build an AI Chat App with JavaScript and Next.js

IBM Technology

1+ months ago 1K views

Building an AI application using the watsonx.AI SDK for JavaScript requires breaking down the process into manageable steps. The tutorial focuses on using Next.js to create a React frontend application, where the watsonx.ai SDK is utilized to interact with models and tools. Setting up includes using the SDK for inference, managing state for the chat application, and implementing tool calls. The guide provides detailed instructions on setting up environment variables, defining message types, and connecting to APIs, enabling the development of a fully functional chat application powered by AI.
04:40 - 04:51

Setting up environment variables crucial for connecting to watsonx.ai models.

IBM Chatbots Tech & Hardware
... 35:24
Build an AI Chat App with JavaScript and Next.js

IBM Technology

1+ months ago 1K views

Building an AI application using the watsonx.AI SDK for JavaScript requires breaking down the process into manageable steps. The tutorial focuses on using Next.js to create a React frontend application, where the watsonx.ai SDK is utilized to interact with models and tools. Setting up includes using the SDK for inference, managing state for the chat application, and implementing tool calls. The guide provides detailed instructions on setting up environment variables, defining message types, and connecting to APIs, enabling the development of a fully functional chat application powered by AI.
04:40 - 04:51

Setting up environment variables crucial for connecting to watsonx.ai models.

IBM Chatbots Tech & Hardware