Thank you so much for this tutorial! This was actually my first CRD (almost CRUD) app ever! I really appreciate your effort to make such useful content. Please, make more simple tutorials on React with Next & Typescript + Firebase 🙏
Hey you are using next 13 still used the useeffect to fetch data. Then what's the purpose for using next13 ? You should need to fetch data server side without using useState and useEffect hook.
I've been messing around with Firebase on NextJS, but I don't know how to load data on server side as firebase client doesn't work on server side, and using firebase admin does not obey firestore rules without writing more code and lose the firebase off-line data handling functionality. What to do then?
This video is excellent, my language is Spanish, but with the little I understand of English, I was able to follow the tutorial without problems!!! you really helped me!!
Thanks for this tutorial, it was really easy to understand. You made me realize that she was reading the documentation where she wasn't lol. New sub, you explain very well.
Great video, much easier to follow than the Google docs. Now would you push the input from the client to a server component instead of keeping everything in the client. Would this help to reduce client code/speed up the app?
Hey man! Thank you for the clear, concise video. A bit of feedback: could you take a few minutes to touch on concepts that you use in future tutorials? For example, in the part where you use useEffect to update the total, it would be helpful if you briefly explained what Firebase methods like onSnapshot and their arguments do. I'm new to Next but experienced altogether, so I was able to fill in the blanks and read docs when things weren't clear, but it would have been tough to follow if I were new to web dev
16:20 but HOW are we supposed to hide those keys? I tried using environmental variables but the config file doesn’t work without using NEXT_PUBLIC and at that point, it’s not secret anymore
Hey! I was wondering if you can make (or already have) a video that shows how to deploy monorepos that are created with React. I am struggling with deploying a lot :( Thanks for this video!
what in case if you want to have fetch data initially and after that listen change with onSnapshot ... how do we going to render server displayed component.
Thank you so much for this tutorial! Do you have a tutorial about fetching data from Firebase using Next.js with dynamic rendering since the getServerSideProps() is not exist in version 13. thank you
Man firebase has so much potential, problem is they don't give a shit about new technologies! This is frustrating man, the only reason why I don't use firebase is how hard it's to deal with it's queries and mutations, there's no type system you can have like an orm or something. It's hard to manage nosql
How should we deploy this to firebase ? That database has rules section and we can have this working for a month and then everytime should set it again for another month… otherwise its not visible
What's the point of using next js if you're gonna put "use client" at the top and fetching data inside the client component, you could have done this in normal react, would have made no difference to performance
You can fetch firebase data from server components without need for use client what do u mean ? It just has some simple setup you have to do so it will work with server components as well as client components
U can use firebase-admin SDK to get data on server, also for auth stuff just use client and save session using route handler so you can use it on the backend as well
great videos brother . My question is in interviews for junior developer , do they ask about styling in deep . Like I use tailwind css on projects . Many time i just copy tailwind css instead of writing line by line . so can it be a factor during interviews ?
Thank you so much for this tutorial! This was actually my first CRD (almost CRUD) app ever! I really appreciate your effort to make such useful content.
Please, make more simple tutorials on React with Next & Typescript + Firebase 🙏
Hey you are using next 13 still used the useeffect to fetch data. Then what's the purpose for using next13 ? You should need to fetch data server side without using useState and useEffect hook.
I agree came here expecting that, this is like using regular react. wasting nextjs potential.
I've been messing around with Firebase on NextJS, but I don't know how to load data on server side as firebase client doesn't work on server side, and using firebase admin does not obey firestore rules without writing more code and lose the firebase off-line data handling functionality. What to do then?
This video is excellent, my language is Spanish, but with the little I understand of English, I was able to follow the tutorial without problems!!! you really helped me!!
This is great Clint! Waiting for more Next.js + TailwindCSS material!
I’m new but I always thought I needed to learn to typescript before I did stuff with nextjs 13 thx for tutorial!
Not at all sir!
One of the best Firebase tutorials.
awesome man i just completed it in 2 hours . overall, it was awesome learning tailwind js with firebase
awesome alex!
This is a great tiny Full Stack project. And yes, Thank you. Keep it up.
Thanks for this tutorial, it was really easy to understand. You made me realize that she was reading the documentation where she wasn't lol.
New sub, you explain very well.
Clint!! As usual, such a great and knowledgeable video!!
Thank you Alan!
You are awesome dude! Thank you
Thank you so much. Very useful video. Appreciate you effort and time on this.
thank you! really helped me
Sir , your way of teaching is very awesome.. please more project like that, and some more complex project on nextjs
I will try my best sir!
thanks men, great job !
Great video, much easier to follow than the Google docs. Now would you push the input from the client to a server component instead of keeping everything in the client. Would this help to reduce client code/speed up the app?
Hey man! Thank you for the clear, concise video. A bit of feedback: could you take a few minutes to touch on concepts that you use in future tutorials? For example, in the part where you use useEffect to update the total, it would be helpful if you briefly explained what Firebase methods like onSnapshot and their arguments do. I'm new to Next but experienced altogether, so I was able to fill in the blanks and read docs when things weren't clear, but it would have been tough to follow if I were new to web dev
cool! your video solve my problem, thank you !
16:20 but HOW are we supposed to hide those keys? I tried using environmental variables but the config file doesn’t work without using NEXT_PUBLIC and at that point, it’s not secret anymore
env files wont work on client components
can you tech method put and push for edit data in form ?
is this the best practice to write backend api code to direct into the client file
What extensions do you use?
YOU ARE THE BEST, MAN!
Fantastic tutorial
Perfect Tutoirla, This is very useful for me. Best regard.
Hey! I was wondering if you can make (or already have) a video that shows how to deploy monorepos that are created with React. I am struggling with deploying a lot :( Thanks for this video!
Thank you bro 👍
Welcome 👍
Eggzellent! Thank you!!
what in case if you want to have fetch data initially and after that listen change with onSnapshot ... how do we going to render server displayed component.
You took me out of a block. Thanks
make sure to use try catch blocks
i like your tutorials, cool
Thank you!
Thank you so much for this tutorial! Do you have a tutorial about fetching data from Firebase using Next.js with dynamic rendering since the getServerSideProps() is not exist in version 13. thank you
what's your snippet extensions? my snippet extensions don't work on next js
Excellent!
Man firebase has so much potential, problem is they don't give a shit about new technologies! This is frustrating man, the only reason why I don't use firebase is how hard it's to deal with it's queries and mutations, there's no type system you can have like an orm or something. It's hard to manage nosql
I just started a supabase project for that reason
great video
How should we deploy this to firebase ? That database has rules section and we can have this working for a month and then everytime should set it again for another month… otherwise its not visible
What's the point of using next js if you're gonna put "use client" at the top and fetching data inside the client component, you could have done this in normal react, would have made no difference to performance
You can fetch firebase data from server components without need for use client what do u mean ? It just has some simple setup you have to do so it will work with server components as well as client components
U can use firebase-admin SDK to get data on server, also for auth stuff just use client and save session using route handler so you can use it on the backend as well
you are te best❤
Thanks Parsa!
Thanks !!!
How to update items from database? Forgot that?
You should do a tip calculator next! with the same stack
I feel like that would be a quick 45 second JavaScript video :). Total * 1.20 = result. 😀
plz make Fully Functinal Ecommerce Website with Next js and Sanity backend
thank you for this vedio you so mach help me in my code and thank you for tech good lock
Thanks alot, can you make on deploying next 13 to firebase both client and server. I'm subscribing 😀
Yes, soon
🔥🔥🔥
te quiero mucho
great videos brother . My question is in interviews for junior developer , do they ask about styling in deep . Like I use tailwind css on projects . Many time i just copy tailwind css instead of writing line by line . so can it be a factor during interviews ?
Obviously
28:00 unsubscribe = onSnapshot
I need a Nike store with routes