Build a NextJS 13 App with Firebase & Tailwind CSS

[@tsykin]

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 🙏

[@alexantonio9857]

awesome man i just completed it in 2 hours . overall, it was awesome learning tailwind js with firebase

[@gustavoeraso7253]

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!!

[@mikexrag]

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

[@nocopyrightgameplaystockvi231]

This is a great tiny Full Stack project. And yes, Thank you. Keep it up.

[@abdullah_siddiquii]

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.

[@NorgeSantana]

I agree came here expecting that, this is like using regular react. wasting nextjs potential.

[@Skarvion]

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?

[@Nanashi-rq7lk]

Perfect Tutoirla, This is very useful for me. Best regard.

[@hubesh716]

plz make Fully Functinal Ecommerce Website with Next js and Sanity backend

[@geetech2939]

make sure to use try catch blocks

[@U-installet]

Thanks alot, can you make on deploying next 13 to firebase both client and server. I'm subscribing 😀

[@codecommerce]

Yes, soon

[@clickbaitpolice9792]

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

[@alexandergeorgesquire220]

env files wont work on client components

[@مهدیگلاب]

thank you for this vedio you so mach help me in my code and thank you for tech good lock

[@pomiusu]

thank you! really helped me

[@patitorodri]

thanks men, great job !

[@osoningliztili6708]

i like your tutorials, cool

[@gsindar]

Thanks !!!

[@blazi_0]

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

[@codecommerce]

I just started a supabase project for that reason

[@martinrotelli6085]

te quiero mucho

[@abhinav6280]

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

[@blazi_0]

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

[@blazi_0]

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

[@kroffe]

I’m new but I always thought I needed to learn to typescript before I did stuff with nextjs 13 thx for tutorial!

[@codecommerce]

Not at all sir!

[@moeidnasir534]

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!

[@BLACKDREAMIO]

is this the best practice to write backend api code to direct into the client file

[@TrackingAcademy]

One of the best Firebase tutorials.

[@ThatRandomDude914]

You are awesome dude! Thank you

[@jodd3458]

Sir , your way of teaching is very awesome.. please more project like that, and some more complex project on nextjs

[@codecommerce]

I will try my best sir!

[@مهدیگلاب]

can you tech method put and push for edit data in form ?

[@manuelbarreiro9596]

This is great Clint! Waiting for more Next.js + TailwindCSS material!

[@harrisonkimdev]

28:00 unsubscribe = onSnapshot

[@JoseGarcia-qq6sk]

You took me out of a block. Thanks

[@theanthill22]

What extensions do you use?

[@AlanCodes]

Clint!! As usual, such a great and knowledgeable video!!

[@codecommerce]

Thank you Alan!

[@parsazarabi6333]

🔥🔥🔥

[@stevensoneugenio1172]

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

[@Daniel-e4p4o]

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?

[@waleedsharif618]

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

[@moamberraza7658]

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.

[@diegobarrera4824]

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.

[@AgustinParrado-k6n]

Thank you so much. Very useful video. Appreciate you effort and time on this.

[@hesammovahed420]

what's your snippet extensions? my snippet extensions don't work on next js

[@leiyin1998]

cool! your video solve my problem, thank you !

[@armenbarkhudaryan4730]

Thank you bro 👍

[@codecommerce]

Welcome 👍

[@waleedsharif618]

How to update items from database? Forgot that?

[@parsazarabi6333]

you are te best❤

[@codecommerce]

Thanks Parsa!

[@raytristani]

Eggzellent! Thank you!!

[@gokulnaathb2627]

Thank you!

[@mingothemongo4466]

great video

[@MrAngelluis3]

Fantastic tutorial

[@aburaihan-py4vi]

Excellent!

[@kristijan9696]

YOU ARE THE BEST, MAN!

[@MrAngelluis3]

You should do a tip calculator next! with the same stack

[@codecommerce]

I feel like that would be a quick 45 second JavaScript video :). Total * 1.20 = result. 😀

[@VarunKapoor-tc1je]

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 ?

[@alext5497]

Obviously

[@iriakastanley5467]

I need a Nike store with routes