Build a NextJS 13 App with Firebase & Tailwind CSS

  Рет қаралды 43,943

Code Commerce

Code Commerce

Күн бұрын

Пікірлер: 67
@alexantonio9857
@alexantonio9857 13 сағат бұрын
awesome man i just completed it in 2 hours . overall, it was awesome learning tailwind js with firebase
@tsykin
@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 🙏
@kroffe
@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
@codecommerce Жыл бұрын
Not at all sir!
@gustavoeraso7253
@gustavoeraso7253 11 ай бұрын
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!!
@blazi_0
@blazi_0 4 ай бұрын
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
@codecommerce 3 ай бұрын
I just started a supabase project for that reason
@diegobarrera4824
@diegobarrera4824 10 ай бұрын
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.
@mikexrag
@mikexrag 26 күн бұрын
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
@manuelbarreiro9596
@manuelbarreiro9596 Жыл бұрын
This is great Clint! Waiting for more Next.js + TailwindCSS material!
@abdullah_siddiquii
@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
@NorgeSantana Жыл бұрын
I agree came here expecting that, this is like using regular react. wasting nextjs potential.
@Skarvion
@Skarvion 2 ай бұрын
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?
@jodd3458
@jodd3458 Жыл бұрын
Sir , your way of teaching is very awesome.. please more project like that, and some more complex project on nextjs
@codecommerce
@codecommerce Жыл бұрын
I will try my best sir!
@nocopyrightgameplaystockvi231
@nocopyrightgameplaystockvi231 Жыл бұрын
This is a great tiny Full Stack project. And yes, Thank you. Keep it up.
@TrackingAcademy
@TrackingAcademy 11 ай бұрын
One of the best Firebase tutorials.
@JoseGarcia-qq6sk
@JoseGarcia-qq6sk 4 ай бұрын
You took me out of a block. Thanks
@user-cm1ip6hk9n
@user-cm1ip6hk9n 3 ай бұрын
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?
@user-go1wq5wv8v
@user-go1wq5wv8v 2 ай бұрын
thank you for this vedio you so mach help me in my code and thank you for tech good lock
@ThatRandomDude914
@ThatRandomDude914 5 ай бұрын
You are awesome dude! Thank you
@moeidnasir534
@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!
@user-go1wq5wv8v
@user-go1wq5wv8v 2 ай бұрын
can you tech method put and push for edit data in form ?
@AlanCodes
@AlanCodes Жыл бұрын
Clint!! As usual, such a great and knowledgeable video!!
@codecommerce
@codecommerce Жыл бұрын
Thank you Alan!
@user-si3gx8wt3x
@user-si3gx8wt3x 7 ай бұрын
Thank you so much. Very useful video. Appreciate you effort and time on this.
@BLACKDREAMIO
@BLACKDREAMIO 3 ай бұрын
is this the best practice to write backend api code to direct into the client file
@abhinav6280
@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
@blazi_0 4 ай бұрын
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
@blazi_0 4 ай бұрын
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
@moamberraza7658
@moamberraza7658 9 ай бұрын
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.
@martinrotelli6085
@martinrotelli6085 4 ай бұрын
te quiero mucho
@theanthill22
@theanthill22 5 ай бұрын
What extensions do you use?
@MuyiwaMighty
@MuyiwaMighty Жыл бұрын
Thanks alot, can you make on deploying next 13 to firebase both client and server. I'm subscribing 😀
@codecommerce
@codecommerce Жыл бұрын
Yes, soon
@hubesh716
@hubesh716 Жыл бұрын
plz make Fully Functinal Ecommerce Website with Next js and Sanity backend
@Nanashi-rq7lk
@Nanashi-rq7lk Жыл бұрын
Perfect Tutoirla, This is very useful for me. Best regard.
@geetech2939
@geetech2939 10 ай бұрын
make sure to use try catch blocks
@kristijan9696
@kristijan9696 Жыл бұрын
YOU ARE THE BEST, MAN!
@leiyin1998
@leiyin1998 8 ай бұрын
cool! your video solve my problem, thank you !
@pomiusu
@pomiusu 6 ай бұрын
thank you! really helped me
@waleedsharif618
@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
@patitorodri
@patitorodri Жыл бұрын
thanks men, great job !
@MrAngelluis3
@MrAngelluis3 Жыл бұрын
Fantastic tutorial
@stevensoneugenio1172
@stevensoneugenio1172 11 ай бұрын
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
@osoningliztili6708
@osoningliztili6708 9 ай бұрын
i like your tutorials, cool
@raytristani
@raytristani 8 ай бұрын
Eggzellent! Thank you!!
@gokulnaathb2627
@gokulnaathb2627 6 ай бұрын
Thank you!
@aburaihan-py4vi
@aburaihan-py4vi 9 ай бұрын
Excellent!
@armenbarkhudaryan4730
@armenbarkhudaryan4730 Жыл бұрын
Thank you bro 👍
@codecommerce
@codecommerce Жыл бұрын
Welcome 👍
@MrAngelluis3
@MrAngelluis3 Жыл бұрын
You should do a tip calculator next! with the same stack
@codecommerce
@codecommerce Жыл бұрын
I feel like that would be a quick 45 second JavaScript video :). Total * 1.20 = result. 😀
@hesammovahed420
@hesammovahed420 Жыл бұрын
what's your snippet extensions? my snippet extensions don't work on next js
@clickbaitpolice9792
@clickbaitpolice9792 9 ай бұрын
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
@alexandergeorgesquire220 3 ай бұрын
env files wont work on client components
@waleedsharif618
@waleedsharif618 Жыл бұрын
How to update items from database? Forgot that?
@mingothemongo4466
@mingothemongo4466 9 ай бұрын
great video
@parsazarabi6333
@parsazarabi6333 Жыл бұрын
🔥🔥🔥
@gsindar
@gsindar Жыл бұрын
Thanks !!!
@parsazarabi6333
@parsazarabi6333 Жыл бұрын
you are te best❤
@codecommerce
@codecommerce Жыл бұрын
Thanks Parsa!
@VarunKapoor-tc1je
@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
@alext5497 Жыл бұрын
Obviously
@harrisonkimdev
@harrisonkimdev 4 ай бұрын
28:00 unsubscribe = onSnapshot
@iriakastanley5467
@iriakastanley5467 Жыл бұрын
I need a Nike store with routes
The Story of Next.js
12:13
uidotdev
Рет қаралды 569 М.
NextJS Tutorial - All 12 Concepts You Need to Know
44:38
ByteGrad
Рет қаралды 293 М.
What will he say ? 😱 #smarthome #cleaning #homecleaning #gadgets
01:00
娜美这是在浪费食物 #路飞#海贼王
00:20
路飞与唐舞桐
Рет қаралды 7 МЛН
Люблю детей 💕💕💕🥰 #aminkavitaminka #aminokka #miminka #дети
00:24
Аминка Витаминка
Рет қаралды 779 М.
Zombie Boy Saved My Life 💚
00:29
Alan Chikin Chow
Рет қаралды 29 МЛН
Next.js Authentication Firebase - Sign in with Google
36:54
Code Commerce
Рет қаралды 40 М.
do you know enough to get HIRED???
10:11
Code Commerce
Рет қаралды 3 М.
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,5 МЛН
Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript
1:02:55
Programming with Mosh
Рет қаралды 635 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 655 М.
I tried 5 Firebase alternatives
10:31
Fireship
Рет қаралды 784 М.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Web Dev Simplified
Рет қаралды 180 М.
Next.js 13 - The Basics
9:00
Beyond Fireship
Рет қаралды 660 М.
BEST ways to deploy a NextJS app
4:56
Rifik
Рет қаралды 42 М.
Лучшая защита экрана
0:40
Newtonlabs
Рет қаралды 862 М.
zamzam electronic Samsung S24 Ultra power🔥
0:14
Reversal gamer
Рет қаралды 16 МЛН
Тест Ryzen AI 9 HX 370 и графики 890m
27:29
PRO Hi-Tech
Рет қаралды 99 М.