Finally an awesome tutorial. Was waiting for videos like this one. Please consider using a microservices architecture in the next video. Not many channels have content with that.
This is by gar the best Tutorial on YT, it helped me so MUCH. Tubeguruji you are the best, Thank you. And i would be happy if you do more Videos in the Future using remotion 👏 👏 👏 👏 👏 👏 👏 👏 👏😊
I was stuck with remotion on a project that I am working on. This tutorial definitely was really helpful. Please make more remotion tutorials. Thanks dude! For this tutorial 👍🏽
Thanks much for an awesome tutorial. If you don't mind could you please make a small video on how this can be deployed to Prod on Vercel / Netlify and what additional configuration changes to be done? For Ex: Authentication we are using the development mode, How to configure Environment Variables so that it doesn't refer to .local.env file in Prod etc. Basically wanted to understand further on how to make this a production ready build :) Appreciate all your help!! Keep up the good work 👏👏
@@tubeguruji Also you missed to show us the core sauce of this awesome SAAS product tutorial that is exporting the generated video which would be a perfect finishing for this tutorial. Appreciate if you could show us on how to add functionality to export / download the generated video in mp4 format mate! If possible please update this tutorial with this missing piece of information 🙏
Great video, I'm going to do it. In the future you could add a local IA like 'llama ia' to this project in order to make videos locally without use external apis ? thankss
I could not generate image from the replicate API...i am getting empty result json object...can anyone help me...i can see the generated image at replicate but i can not see in application, what would be cause of this problem
@@monotoshkumardaschandan8368 make sure you integrated the api correctly. Also check you passed api key. If you face any more error just connect on discord channel
@@SABARISEKAR-s6y unfortunately not, but remotion offers a feature that let users render video on lambda s3, I think that's how you can export the video.
@@tubeguruji bro now the replicate ai code has changed. Now it gives the code to store the image in the project folder itself.. How can i store the image in the fire base.
I got stuck , replit is giving ReadableStream { locked: false, state: 'readable', supportsBYOB: false this as an output , anyone know how to make it into a image link
I am unable to get the cloud api key he is showing me an error. I have used 2-3 gmails. but after that I have used your api key but it is not working. what should I Do? please help me.
"Hello! I would like to suggest a very useful project for your channel: a complete school management software. It would allow for the registration of students and teachers, the inclusion of grades, tracking of school attendance, and also have a robust financial area. In this area, it would be possible to issue invoices for guardians, track payments, and generate the teachers' payroll. It would be amazing to see the development of a system with all these features, teaching step by step how to create a practical and efficient solution for schools!"
I am getting time out after deploying to Vercel how's your deployed version working. Do I need to do extra settings to handle the timeout issue? I am very new to next js please help /api/generate-audio
Please, can you develop a mobile eCommerce app for a supermarket that includes Market Basket Analysis (MBA), AI/ML for predictions, and seasonal analysis?
Hello sir can you help me with diagrams of your online food delivery app project please 1. Er model 2. Event table 3. Use Case diagram 4. Class diagram 5. Sequence diagram 6. State chart diagram 7. Activity diagram Please sir help me with this
@@tubeguruji sir will you guide me should we use lambda function in next Js or remotion bundler to try to export the video. Like some guidelines may be I can do it myself. Thanks in advance.
If I buy this project from your site, Do i still need to go through the full video to make this run ? ( I have a tight project deadline , please help me out)
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `CreateNew`. please help bro
@@tubeguruji "use client"; import React, { useState } from 'react'; import SelectTopic from "../create-new/_components/SelectTopic"; import { Button } from '../../../@/components/ui/button'; import SelectStyle from "../_components/SelectStyle"; import SelectDuration from "../_components/SelectDuration"; function CreateNew () { const [formData, setFormData] = useState({}); const onHandleInputChange = (fieldName, fieldValue) => { console.log(`Field: ${fieldName}, Value: ${fieldValue}`); setFormData(prev => ({ ...prev, [fieldName]: fieldValue })); console.log("Updated formData:", { ...formData, [fieldName]: fieldValue }); // Log updated state }; const getVideoScript=async()=>{ const prompt="Write a script to generate a "+ formData.duration+ "video on topic:"+formData.topic+"along with ai image prompt in"+formData.imageStyle+ "format for each scene and give me result in the json format with imagePrompt and ContentText as field in it" const result=await axios.post("/api/get-video-script",{ prompt:prompt }).then(resp=>{
{onCreateClickHandler() console.log("Creating video with data:", formData); if (Object.keys(formData).length === 0) { console.error("Form data is empty"); } }} > Create Video
{JSON.stringify(formData, null, 2)} {/* Debugging output for formData */}
); }; export default CreateNew; the code of create new please repair
if anyone doing this project u have to pay 1 dollar for image generation so im dropping this project im broke lol wasted so many hours this auth might get useful for some other app i guess
If you want to learn you have to do that, The way I explain to generate image is the cheapest image AI generation platform. Also in 1 $ you can generate upto 700+ Images.
Brother I have trouble with the . If I refresh the screen then the audio wont work. If I comment the then refresh, then uncomment it works. What should I do? Thanks.
Clerk on allow 100 users registration. Please do custom users registration login system using next-auth or some jwt approach. Clerk free package is of no use.
@@tubeguruji i want to know where sendmessage is written in chatSession function i am consfuse what is sendmessage (ex- chatSession.sendmessage) please explain
Finally!!! This kind of SaaS is actually very timely!
He doesn't provide the images
@@afaqahmad-ef4ky you developer to inspect and open sources and copy image address to download image with tools for URL to download image so easy 😅
Finally an awesome tutorial. Was waiting for videos like this one. Please consider using a microservices architecture in the next video. Not many channels have content with that.
TubeGuruji you are the best on TH-cam. Amazing job and well done. CONGRATULATIONS 👏👏👏👏👏👏❤❤❤❤❤
@@yantech.4249 thanks
Wonderful. This is the kind of projects that is needed in this time and age.
This is by gar the best Tutorial on YT, it helped me so MUCH. Tubeguruji you are the best, Thank you. And i would be happy if you do more Videos in the Future using remotion 👏 👏 👏 👏 👏 👏 👏 👏 👏😊
Hi, how did it go with the project build...did you manage to complete it?
Best Of The Best Projects You are Working on
I was stuck with remotion on a project that I am working on. This tutorial definitely was really helpful. Please make more remotion tutorials. Thanks dude! For this tutorial 👍🏽
Sure thing!
Can someone tell me How to render and export video in remotion?
Can I know how I get source code ,if I pay 9$ what next how can I get source code
I am looking for a tutorial for a text to video that is like this. Great Job Though. Purchased anyways for the Support!
@@affiliatepursuit thanks
i was waiting for this type of video
please add more react native videos, i loved your previous one
Best on TH-cam ❤❤❤🙏🙏🙏
Thank you for this video 🙏 Very helpful
Thanks much for an awesome tutorial. If you don't mind could you please make a small video on how this can be deployed to Prod on Vercel / Netlify and what additional configuration changes to be done? For Ex: Authentication we are using the development mode, How to configure Environment Variables so that it doesn't refer to .local.env file in Prod etc. Basically wanted to understand further on how to make this a production ready build :) Appreciate all your help!! Keep up the good work 👏👏
Sure, Upcoming video is all about that with all new features.
@@tubeguruji Also you missed to show us the core sauce of this awesome SAAS product tutorial that is exporting the generated video which would be a perfect finishing for this tutorial. Appreciate if you could show us on how to add functionality to export / download the generated video in mp4 format mate! If possible please update this tutorial with this missing piece of information 🙏
Great work! 🥳🥳
Thank you! Cheers!
nice , everything is step-by-step
Really like this tutorial
Best Tutorial online
This was super helpful. When will we see you back in the React Native space?
@@reactnative2024 new video
Need more project like this
Really we need back end projects with node js
thanks rahul bhaiya
Great video, I'm going to do it. In the future you could add a local IA like 'llama ia' to this project in order to make videos locally without use external apis ? thankss
bro make video on real time collaboration platform which include real time chatting and video and compiler please make this video fast
I could not generate image from the replicate API...i am getting empty result json object...can anyone help me...i can see the generated image at replicate but i can not see in application, what would be cause of this problem
@@monotoshkumardaschandan8368 make sure you integrated the api correctly. Also check you passed api key. If you face any more error just connect on discord channel
Hi, I just want to ask, can you download the video? How can I make the video be able to be downloaded by my users?
did you know how to download?
@@SABARISEKAR-s6y unfortunately not, but remotion offers a feature that let users render video on lambda s3, I think that's how you can export the video.
@@MCshorts14884 is there any tutorial on it.. I have completed the project but still not got that thing
@@MCshorts14884 oh ok ..is there tutorial for it?
@@SABARISEKAR-s6y waiting too
How I'm stuck in getting the image URL from replicate how I can overcome that.
Bro please help me because I have chosen this project as a final year project.
I showed in video tutorial
@@tubeguruji bro now the replicate ai code has changed. Now it gives the code to store the image in the project folder itself.. How can i store the image in the fire base.
@@sshashi6317 show me source code, i will help you
Why Don't You Teach Us Making Flutter Cross- Platform Apps to create SAAS X generators also. Keen to learn as beginner.
@@W4D199 sure will do soon
I got stuck , replit is giving ReadableStream { locked: false, state: 'readable', supportsBYOB: false this as an output , anyone know how to make it into a image link
@@pranshubasak8796 change version of replicate in package.json to ^0.33.0
After the image generate the output is giving as [ ReadableStream { locked: false, state: 'readable', supportsBYOB: false } ] please help
Hi pratik is your issue resolve i am also getting same error
Having same issue too
@@soumyasingh824 yes i have solved it using the latest doc
I will share the solution here soon in 1-2 days. Just busy in some other work. Please be assured i will share the solution
@@pratikksahoo change version of replicate in package.json to ^0.33.0
I am unable to get the cloud api key he is showing me an error. I have used 2-3 gmails. but after that I have used your api key but it is not working. what should I Do? please help me.
Try to create from Google cloud console
@@tubeguruji That Problem is solved but can you tell me about firebase data store. Because I am unable to create a folder in it.
All the ai api's which your using in your project these are free or paid ?
free
@vkixgaming no image generated is paid bro
I buy your membership and ai video short
I'm just having trouble creating images.
@@builderallvietnam695 change version of replicate in package.json to ^0.33.0
that's amazing😮
sir you should try making full stack chat app with ai functionality which looks good with gemini ai and convex and next js
"Hello! I would like to suggest a very useful project for your channel: a complete school management software. It would allow for the registration of students and teachers, the inclusion of grades, tracking of school attendance, and also have a robust financial area. In this area, it would be possible to issue invoices for guardians, track payments, and generate the teachers' payroll. It would be amazing to see the development of a system with all these features, teaching step by step how to create a practical and efficient solution for schools!"
the links for the public assets don't work
Bhai tumhe clerk webhook ka use karna tha
i get this error when upload to vercel and try to generate one video. [POST] /api/generate-audio status=504. Any ideas for solved it? Thanks.
@@anlobarri737 on my website? Or urs?
I am getting time out after deploying to Vercel how's your deployed version working. Do I need to do extra settings to handle the timeout issue? I am very new to next js please help
/api/generate-audio
@@agileraju its should work
@@agileraju check the vercel log
looks Vercel only allow 10 seconds for function to run in the free version
looks like audio generation and image generation are taking a lot of time more than 10 second
i think cron job video also
Please, can you develop a mobile eCommerce app for a supermarket that includes Market Basket Analysis (MBA), AI/ML for predictions, and seasonal analysis?
Can I use this project for final year
thank you
how does /dashboard return that if it doesnt even exist in the nextjs route? I keep getting 404.
Thats correct
Please make a full project video on task manager app please
Hello sir can you help me with diagrams of your online food delivery app project please
1. Er model
2. Event table
3. Use Case diagram
4. Class diagram
5. Sequence diagram
6. State chart diagram
7. Activity diagram
Please sir help me with this
Guru ji pl server side rendering b cover kr dain taky video export b KR sakian .. thanks
@@RealEstateandTechnology sure I will do it
@@tubeguruji sir will you guide me should we use lambda function in next Js or remotion bundler to try to export the video. Like some guidelines may be I can do it myself. Thanks in advance.
@@RealEstateandTechnology Did you make video exportable? If so how ?
If I buy this project from your site, Do i still need to go through the full video to make this run ? ( I have a tight project deadline , please help me out)
No you can purchase from me if you want
@ thank you but i just completed this project, do you have any other projects from this channel ?
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `CreateNew`. please help bro
It look like component name is not correct
@@tubeguruji tell me the perfect solution bro please bro big fan
@@tubeguruji "use client";
import React, { useState } from 'react';
import SelectTopic from "../create-new/_components/SelectTopic";
import { Button } from '../../../@/components/ui/button';
import SelectStyle from "../_components/SelectStyle";
import SelectDuration from "../_components/SelectDuration";
function CreateNew () {
const [formData, setFormData] = useState({});
const onHandleInputChange = (fieldName, fieldValue) => {
console.log(`Field: ${fieldName}, Value: ${fieldValue}`);
setFormData(prev => ({
...prev,
[fieldName]: fieldValue
}));
console.log("Updated formData:", { ...formData, [fieldName]: fieldValue }); // Log updated state
};
const getVideoScript=async()=>{
const prompt="Write a script to generate a "+ formData.duration+ "video on topic:"+formData.topic+"along with ai image prompt in"+formData.imageStyle+ "format for each scene and give me result in the json format with imagePrompt and ContentText as field in it"
const result=await axios.post("/api/get-video-script",{
prompt:prompt
}).then(resp=>{
})
}
const onCreateClickHandler=()=>{
getVideoScript();
}
return (
Create New
{onCreateClickHandler()
console.log("Creating video with data:", formData);
if (Object.keys(formData).length === 0) {
console.error("Form data is empty");
}
}}
>
Create Video
{JSON.stringify(formData, null, 2)} {/* Debugging output for formData */}
);
};
export default CreateNew; the code of create new please repair
im on 1 hr and everything till now is perfect
i just hope its not paid anywhere
if it is im about to waste my hours and hours of work
if anyone doing this project
u have to pay 1 dollar for image generation so im dropping this project im broke lol wasted so many hours
this auth might get useful for some other app i guess
If you want to learn you have to do that, The way I explain to generate image is the cheapest image AI generation platform. Also in 1 $ you can generate upto 700+ Images.
Do we need to pay for the AI integration?
Bro please do render and export video...
@@motivibes381 yes will do it
When I download the source code, u got all the pakets to be installed in a list or something ? So I get the code to run ?
You have to install all package using npm install command
Then its ready to run
U have a list for all the pakets that I beed to install instead of rewatching the whole video ? Appreciate 🙏
Please let me know how to download source code I have a interview on 17 and I really need source code Please help me out asp.
@@SushmaSinha-p2o I sent you membership invite please check
The assets are not provided
The api's used in whole project are free ?
bro is there a way the video can be edited , like adding extra video sound and changing captions
Please make a vedio on how to export it
@@SRNickname sure
@@tubeguruji when?
fixed! :)
@@tubegurujiplease make it soon bruhhh
Brother I have trouble with the . If I refresh the screen then the audio wont work. If I comment the then refresh, then uncomment it works. What should I do? Thanks.
Male sure you pass Audio component correctly and it in inside the tag
Interesting
Are you uploaded text to image generator video in YT ?
Please make video on Android app of message which works on sim. Means uses sim to send msg. Please make
God ❤
Hi man, I became a member, but I couldn't find the .env.local file with the necessary credential variables. Could you help me, please?
can you share the code with us
Env. Local file consist of all the api which no one will share, when uploading the folder these files are skipped.
show me source code, i will help you
What extension is he using for auto imports?
@@missamysenpai its explained in start of video.. its vs code react redux snippest tool
bro text to speech k liye pay karna hi padega????
bhaiya yeh model without card ke use nahi kar sakta kya
No.. But this is the cheapest API you will find
really want to know how to export
New video will come in couple of weeks
@@tubegurujiMuch appreciated
is video uploaded ?? if yes share the link @@tubeguruji
I don't see you show admin ui. It's not there right?
How to export the rendered video to local pc storage
Hii... Please give us flutter saas pos for all platforms tutorial please ❤
Sure will do
bhaiya make entire video how to use Drizzle with neon when new update in drizzle it is very diffcult to find a thing
Sure, In this video it is included
Hey, I am a member how can I access the free source code. Please reply
Plz check your email.
@@tubeguruji Thanks sir
can anyone share its repo link
did it work correctly
how to download video ???? please make tutorial for the same
it cant create image, why ?
⭐
HOW TO INTEGRATE PAYMENT?
Firebase rules are not saving please help bro...
Hi, I’m a member and I’ve paid $9. Could you let me know how I can access the source code?
I have same problem
I am a monthly subscriber and I still can't see the source code showing an extra amount
For members its the source code for this project is discounted…. Original price is 17$
i am unable to get suscrbtion can anyone help it out please it shows only visa card accepted
why didn't you go with prisma?
@@ishwarreddy8820 drizzle orm is much faster than prisma
Clerk on allow 100 users registration.
Please do custom users registration login system using next-auth or some jwt approach.
Clerk free package is of no use.
Sure, Also I updated the Clerk so now you use or test the app. If you publish website on your domain the you will get 10000 Users access from clerk
How to export generated video
Coming soon new video to export it
@@tubeguruji waiting sir
@@tubegurujiwaiting for it dude, bruh this video is gold and export video would make it perfect.
how to create app Classified Ads with next.js
I couldn't enable cloud text to speech api 😢
Same problem for me, you got the solution?
@@shinchan12321 no but I have create dynamic api by own using react methods.
@@codewith_me07you completed your code?
Can I access the source codes by subscribing (as a member) to your TH-cam channel?
why are you making next public url for database URL
@@agileraju its was by mistake
Alot issues bro missing nodules ,.env files in source code
Sir I want to buy some products and I send a mail
Bravooooooo
Has anyone complete this course with hugging face model for text to speech please do tell
Its good options
I've completed this project ..
@@AbhishekSingh-bi4yp share link on my instagram channel for showcase
@@tubeguruji I don't use instagram.
please clone anki combining gemini
Is all the services in this project, free?
Yes except image generation which cost 1$ for 550 images
Why you can't provided assets.
Check Link in description
@@tubeguruji when i clicked i redirected to the clerk authentication page.
i'm stuck between this project can anyone help
@@shinchan12321 whats the issue?
@@tubegurujiwith the text to speech api creation, my card is not accepted to create account. What to do now?
where are the assets?
In the source code
bahi image resources type cheezain tw share kr diya kro yar
Thats you can get it from google or any website..
Sir are the APIs used in this paid or free?
Cost to build this app is less that 1$
@@tubeguruji thank you sir
can we deploy it for free
Yes there are many sites for deploying free
bhai i am new in backend can you give what is sendmessage in chatsession i didn't find sendmessage can you explain what is sendmessage please bhaiya
@@vaibhavbhatnagar3739 can u tell which context u r referring to related to sendMessage.
@@tubeguruji i want to know where sendmessage is written in chatSession function i am consfuse what is sendmessage (ex- chatSession.sendmessage) please explain
Google cloud text to speech api not for free 😢
It it is free upto 1M words
@@tubeguruji not work to me how to set up
@@tubeguruji can I use other ai api key for speech
@@Thomas_jeba yes sure
@@tubeguruji please tell other free APIs