Build & Deploy NextJs Eraser.io App Clone | Full Stack React App | Convex, Typescript, Tailwind Css

[@tubeguruji]

Watch All New Video Building Full Stack Appointment booking App using NextJs, React , Strapi : kzbin.info/www/bejne/h6Kal3Wdh6uEgNE

[@technoinfoworldwide2329]

what I really like about your content is although the developer is beginner in Next js or he/she hasn't started , they can also watch your tutorial and start building project and gain knowledge of Next js, react, and css part. I am watching your doctor appointment video of Next js as I am backend developer and getting beginner friendly content from that, either its Next js or Css, you are explaining each step which we expect from every teacher on youtube to teach us but we cant find on every channel. Your channel is awesome. Thanks TubeGuruji teacher. I request everyone to subscribe his channel. I request yout to build another quality full stack application using Next js, React and Node/Nest, where we can learn more about creating api and fetching the api in frontend and I know you will make it beginner friendly where every fresher and experienced can watch it

[@tubeguruji]

Thank you so much. I will defiantly build something which help everyone.

[@SoapCS2]

This Channel is GEM 💎

[@tubeguruji]

Thank you so much 😊

[@anshuman-sl9du]

Absolute Amazing content sir 🙌! I love the way you teach and make everything easy and explain every step. I thought before canvas is very tough to itigrate on a site but you make it super easy 🙌 thank you i learned from this tutorial ❤

[@tubeguruji]

Thank you so much

[@umar3167]

Bro this is the real gem, I would request you to add stripe payment integration in this and make another part. That would be really helpful ❤

[@tubeguruji]

Thanks for the idea!

[@uminhtetoo]

Thank you so much for sharing your experience and knowledge, Sir.

[@tubeguruji]

Most Welcome

[@Yahya_Umar]

Can you please create a inventory management system using Next.js your tutorials are always top-notch

[@tubeguruji]

Sure, Will do

[@kajaltiwari3258]

Good project but you haven’t worked on share and invite and I’m having issues while working on the same.Can anyone here assist me on share and invite button?

[@AaronAsherRandall]

Dude where can I give you money or subscribe to a Patreon or something? This is the best channel by a long shot for beginners learning React and React Native. You are amazing.

[@tubeguruji]

buymeacoffee.com/tubegurujiw Thanks

[@yantech.4249]

Wow @TubeGuruji, this is an amazing project. Big thanks to you Sir.

[@tubeguruji]

You are most welcome

[@binoice1301]

great project m8, keep going. thanks 4 all u do

[@tubeguruji]

Most welcome

[@smsaikat9329]

Top notch level project bro ❤❤❤.

[@tubeguruji]

Thanks

[@bousbainelounis4931]

hi TubGuruji, i have question on the navbartop for example i have added other user to my team but my team is not shoing on his teamlist it show for him only his created team; how i can do that after i add it my team be shown on his team list; thank you !

[@karthick...]

Really top notch content thanks for bringing such a content and also special thanks for using english

[@tubeguruji]

Thank you so much

[@BernardNakawah]

You are amazing bro. Thank you!

[@tubeguruji]

You're welcome!

[@dhumalamarnath7558]

sir videos are amazing, just small suggestion disable keyboard pressing voice, keyboard voice over powering your voice.

[@tubeguruji]

Ok next time

[@rajumondal4283]

The project is great and i am following along but can you do it with out using convex for backend? Can you do node or something like nest or spring boot

[@tubeguruji]

Sure, Noted

[@hassaantahir3861]

Broooo plzzz create a Production grade e-commerce app(not like the current KZbin ones :)) a single vendor app. You can make a landing page to showcase 3- models of the main stream items of the store. To make it more in quality and unique you can add a 3d Model of every product along with the normal images and the main challenge will be then optimizing it. With roles(user and admin which will be the store owner), full fledged admin panel having inventory, and other business functionalities, Beautiful UI, review system, tracking system, Product recommendations, full fledged search, COD and online payment gateways 2-3, product page with detailed product descriptions with images etc and similar products. An e-commerce app that the internet has never seen before. :))

[@fullstack_journey]

if he does create a production grade app, where most of the real effort goes, why would he give it for free :P

[@hassaantahir3861]

There are many creators who are creating such apps on KZbin. So that's totally on him.

[@hassaantahir3861]

@tubeguruji bro

[@tubeguruji]

I will defiantly look into it. If you have any reference website plz share it

[@sandrogtz]

Very impressive work keep going

[@tubeguruji]

Thank u

[@nilanchalpanda03]

Great project ✅🙌🏻

[@tubeguruji]

Thank you

[@m__link6499]

Hi man, I was wondering how can we build a project in wich one backend can serve both a web app and a mobile app, since the data created in the web app (for example a shape with text) will appear in the mobile app in real time? I mean, imagine that you have created a shape with the tool you use in this project, what if we want to show it in the mobile app in real time ? Can we created just one back end wich will serve both the web app and the mobile app? Also, do we need only one api for the same purpose or should we create 2 separate API? thank you for all your contents...

[@tubeguruji]

Yes, With One API you can do it. You have to use real time database like firebase Realtime database. Where you can update it

[@m__link6499]

@@tubeguruji Thank you. So what API tool could you suggest for me which suits very well with Firebase?

[@m__link6499]

@@tubeguruji Can I use convex as a backend for fetching data from Excalidraw for both web app and react native expo app?

[@insensibility]

I am starting to love you, man! Can we do Messenger clone with Convex?

[@tubeguruji]

Sure, and thanks for idea

[@vijayshankarcrypto5681]

Thanks sir. It's an wonderful course. Waiting for the Similar Interests near by us app tutorial.

[@tubeguruji]

Very soon

[@awaisqureshi9171]

Thanks sir , this video is very helpful and amazing, sir i will learn a clone of canva with you. Sir you make video on canva clone. plz

[@tubeguruji]

Most Welcome

[@MSRCodeLab]

Subscribed sir @tubeguruji , Thank you for uploading such an amazing project, Eagerly waiting for an AI project like Vizard. Clone of vizard focusing on 'Turn long videos into social-ready clips with one magical click using AI like vizard has.' along with different templates, and so on.

[@tubeguruji]

Thanks for idea, I will defiantly check on that.

[@MSRCodeLab]

@@tubeguruji Eagerly waiting for that project, a complete production based saas website.. thanks

[@debabratabasak6031]

Wow great content

[@tubeguruji]

Thanks

[@lokeshkg555]

Dear Sir Your Teaching Skills Really Amazing So React Native Firebase Uber Ola Type Application KZbin Tutorial Provide Me Sir Please We Are Eagerly Waiting Driver Application and Admin Panel Also Complete Tutorial Provide Me Sir

[@tubeguruji]

Sure I will

[@anassbenhalima7004]

great tuto

[@tubeguruji]

Thank u

[@CHiRaStar1]

I have the below error. Strugling a lot from last two days . Appreciate your help on this . Unhandled Runtime Error TypeError: Cannot read properties of null (reading 'default') Note : I have installed everything in mac

[@tubeguruji]

Thats becuase you are defining some state which is null

[@mrsecretstatus9999]

I am checking your live link after signup I got this error: Application error: a client-side exception has occurred (see the browser console for more information). ??

[@najmulhoque7400]

realtime collaboration is implemented?

[@IshaZaka]

Thankyou for this quality content TubeGuruji, can you make figma clone plz

[@tubeguruji]

Thank You and welcome, Sure I will consider you idea

[@alextotun]

Hi, Sir. "We have Application error: a client-side exception has occurred"

[@amornchotsingh3977]

Running the app has errors. Please suggest ways to deal with errors. The errors are below: 1) The "images.domains" configuration is deprecated. Please use "images.remotePatterns" configuration instead. 2) Unhandled Runtime Error TypeError: Cannot read properties of null (reading 'default') I look forward to your feedback.

[@tubeguruji]

Sure I will check

[@SUNGWONG5]

WOW

[@hubesh716]

Thanks sir and plz sir make one Full stack project including push notifications in react native with firebase plz

[@tubeguruji]

Sure

[@tanujbhattdotin]

Application error: problem with server side rendering.....to tackle this error use client side rendering(use of useEffect hook) or optimize your app

[@anshuman-sl9du]

Add "use client "at the top of the component

[@bousbainelounis4931]

hi thank you for this amazing content ! please how i can display file name on the list in my workspace header ! thank you

[@tubeguruji]

just use the exisiting filename when u open it

[@abhinavkumar5000]

Nice project 👌 Can you make a website somewhat similar to Canva (image editing ) 😅😅 ?

[@tubeguruji]

Sure will try

[@techprak282]

Is we can able to share the project so that same time both of them work together on single project ? @tubeguruji

[@tubeguruji]

You can add that too

[@usmanmarkaz]

Brother i am waiting for your full stack projects in React native with node js and plz this time include notifications for both android and IOS please

[@tubeguruji]

Will upload soon

[@ArunKumar-xb8cx]

can we use mongodb instead of convex?

[@tubeguruji]

Yes, Sure

[@alexdin1565]

like and subscribed please can you make a video on building canva clone and a video editor using next js?

[@tubeguruji]

Noted down. Thanks for idea

[@Raghav_Bajpai_]

Awesome Project Sir 🚀 Thnx for delivering this Quality Content for Free ❤️‍🩹

[@tubeguruji]

Welcome

[@shreysadhukha8477]

how do you add your google sence in this

[@tubeguruji]

Google sence?

[@shreysadhukha8477]

@@tubeguruji i mean ad sence !

[@masoud1128]

First ^^

[@amt.7rambo670]

Bro does it have payments integrated ??

[@tubeguruji]

Not in this video

[@aghilpwilson879]

is everything in the project is free? Do we require any Credit card like stuff

[@tubeguruji]

Everything in this project is free . No credit card at all

[@masoud1128]

Please could you do something like copart

[@tubeguruji]

Sure, Noted down

[@amt.7rambo670]

3:18:52

[@najmulhoque7400]

can team members collaborate in real time?

[@tubeguruji]

Not Currently. But in upcoming video I am gonne build something like that

[@webapp1875]

Can I use database like mysql instead of convex?

[@tubeguruji]

Yes, You can

[@rooseveltchandler2396]

'Promosm' 🙋

[@RolandElvira-l4y]

Williams William Thompson Donna Robinson Michael

[@codewithhindi]

hindi chanel avilable sir

[@tubeguruji]

Not yet

[@Akshay-be3xt]

bro project is good but u r creating so much confusion...write code in proper manner

[@tubeguruji]

Happy to help. where u facing confusing?

[@Akshay-be3xt]

@@tubeguruji in editor component const updateDocument=useMutation(api.files.updateDocument); property 'files' does not exist on type '{ user: { getUser: FunctionReference; createUser: FunctionReference; }; teams: { ...; }; }'. getting this error...not able to understand what should i do...

[@hermbeatsproduction]

do you have a discord where people can interact with you about bugs ? i am having issues with the trigger dialog and button in sidenavbottom section

[@bousbainelounis4931]

hi i had this error :Unhandled Runtime Error TypeError: Cannot destructure property 'fileList_' of '(0 , react__WEBPACK_IMPORTED_MODULE_1__.useContext)(...)' as it is undefined. Source app\(routes)\dashboard\_components\Sidebar.tsx (61:10) @ fileList_ 59 | const convex=useConvex(); 60 | const [totalFiles,setTotalFiles]=useState(); > 61 | const { fileList_, setFileList_ } = useContext(FileListContext); | ^ 62 | useEffect(()=>{ 63 | activeTeam&&getFiles(); 64 | },[activeTeam]) all is ok but it show this error

[@tubeguruji]

Make sure u defined the FileListContext and wrap the component inside it.

[@bousbainelounis4931]

@@tubeguruji I do it but it return the Sam error

[@GarikTadevosyan-o2b]

Hello everyone, I encountered the following problem: Unhandled Runtime Error. Error: [CONVEX M(user:createUser)] [Request ID: 8rtrm8IkkEg8aJ1j] Server Error ArgumentValidationError: Value does not match validator. Path: .image Value: null Validator: v.string() Called by client Call Stack BaseConvexClient.mutation My code is the same as the author's. Can anyone help ?

[@tubeguruji]

Make sure the image type is correct