Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone

✏️ Course developed by @CybernaticoByNishant

⭐️ Contents ⭐️
(0:00:00) Introduction
(0:02:56) Base Setup
(0:06:46) Authentication
(0:29:26) Building the Topbar
(0:33:07) Upload Files Component I
(0:42:00) Initialising Firebase
(0:48:53) Upload Files Component ||
(0:54:43) Uploading Files to Storage
(1:06:06) Displaying Files
(1:24:35) Creating Folders
(1:39:35) Nested Folders and Files
(2:17:23) Adding Google Auth
(2:20:13) Sharing Files and Folders using Email

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

[jahmed]

Went through this tutorial and built the app. It was challenging following along tbh. I had to make some changes and read the docs of firebase and Next.js to figure out what was missing. A lot of parts were cut out that would have helped. It was a good learning experience though since I haven't worked with firebase much. Thanks!

[melissamarieperez]

Okay, I'm at the 2 hour mark and the back and forth changes have broken the barely hanging app. I get that the project is the main focus but the video could have been better planned. There's sections that are skipped, like the addFire.tsx and setting up Firebase. Granted, I learned how to add Firebase now, but it took time away from the project that already has its own issues and warnings not covered. I can also see some bad React habits, so I don't see this teaching how to be a stronger coder in these languages/frameworks. However, it's still a neat project to mess around with, and hopefully will get back to it once I debug where the code went horribly wrong.

[theunknownkadath]

Because you removed tailwind-utilities classes from the global css file, calling for margin (m-2) no longer worked on the button at 38:20

[Android-]

Great tutorial!
Theo's gonna be proud

[harshithdesai]

Can I listen to this course even without any next js expericence ?

[firebout]

I wanted to learn TS, Next.js, and Firebase, and this video has it all, but then I went through the comment section and somebody made a reaction video on this tutorial, i am literally not sure if should i start with this tutorial or not? is it good or not? pls someone help me.

[sebastiancioek]

I hear this song with every phone ring!:-)

[indonesianfamily]

My list of tutorial:
1.
2.
3.
…
100. This tutorial 😂
Whereas the tech is much faster changed than I learn 😂

[yadday]

My "Canned Beans" is appearing on the top left corner, not above the actor as expected

[Kuldeepa]

I Watch this video before 4 month and make same project and NOw I Make other project and i notice is that firebase credentials are visible in bundle of next.js or other freamework like vite, react, , it store screct in vercel but when we go your project and inspet the browser or use dev tool and easly grab the serct env from the How handle properly ENV in backend firebase and another use tool . please make on video that

[youneshenni]

I'm sorry but you cannot call this "Google drive clone". I was expecting the same UI and richness of google drive based on the video title.

[lalithkishorep]

Please do some videos for streamlite to create web

[durjayghosh]

please guys make video on laravel react js

[Aphelia.]

Yesterday I tried to learn programming in my own language, it was a disaster! I struggle without listening to Indian accent.

[planetchubby]

I struggle with listening to Indian accent.

[АлексейГрищенко-эд]

Horible video for tutorial firebase, constantly jumped from file to file without hesitation and clicks alt tab, not uderstanding what you do. Unfortunatly, call me irritation.

[Localhost]

there is a problem with "Invalid environment variables" even if i changed the discord ones with github. i followed the exact steps but it does not work...

[tuananhdo]

Please add tailwind to your toolbox, you will thank me later!

[rayhanislam]

This is not for Typescript to learn. Please don't follow this kind of typescript.

[fafamiggy]

Is this similar to Google Drive? If the internet disconnects, will it resume once the internet is reconnected again?