Learn Next.js by building a full-stack CRUD app | Nextjs + Firebase (Auth & Firestore) + TailwindCSS

#Fullstack #Nextjs #Firebase #React #tailwindcss

🔗 Resources

🔥 Get More Content - Subscribe and click le notification bell to stay tuned for all the fun & exciting tutorials to come!

📚 Chapters

00:00 Introduction
00:33 Project demo
04:00 Basic overview
08:29 Google fonts + FontAwesome icons
11:30 Build the app
35:47 Configure Firebase
43:00 Configure React context
56:23 Build a Modal
01:27:58 React fetch data hook

🔖 Topics Covered

- How to build a full stack app
- Design with TailwindCSS
- Firebase Auth + Firestore noSQL databases
- React hooks + context
- Data fetching in React

[yourfavoritefounder]

Cool work, friend. I have never been this focused for a long time. Finished watching the whole video. Kudos to your teaching style.

[johnedmersonpizarra]

This tutorial is so good! Come on guys give this guy a thumbs up!

[branderps]

this video is amazing, i love how you go step by step and showing every part of the process

[ramenaru-san]

this man literally save my day, i have some task and that must be using NextJS, and this tutorial is very helping me!

[underscore]

This was very helpful for me working on my first app using firebase!

[AbhishekSingh-eebo]

This is great mate. I am going to use your codebox for my SaaS starter pack. The only thing I need or many of me will need is Stripe integration. Hence, if you create a tutorial that also has Stripe integration then this is a whole SaaS starter pack. The only thing anyone has to do then is use your code to work on the basic functionality of the tool and not figure out all other things. Amazing, good job mate!!

[James-knqu]

Epic tutorial. Thank you. Just the info I needed for an upgrade to modern stack

[atharva__shukla]

Loved the video 👍 Just what I was looking for.
I think bootstrapping a CRUD app is a good gateway to start building bigger apps. Also tailwind is sick

[coffee]

Thanks for this. Making an app for storing recipes with next and firebase this will surely help me build it.

Only have to figure out how to also store an image and saving that url to the document.

[umairhp]

Thank you for this amazing tutorial. Could you do a more complex tutorial involving NextJS, Redux, Firebase, Tailwind CSS with complete CRUD functionality and pagination, sorting and filtering features? Perhaps an e-commerce store? Doesn't matter if it spans over 6 hours, should cover it all. It will also enable us to understand getStaticProps, getStaticPaths and getServersideProps better.

[Becky]

thank you for providing this resource🎉

[ahmedmannai]

Thank you so much, I love the tutorial.

[DevBishwasBh]

Tutorial is great, please make something similar using Prisma or similar ORM, not much fan of Firebase.

[filipevalentegomes]

only thing missing is dealing with media, like images, videos, audio etc But cool video.

[ununbrian]

clear explained video, can u do another vid with web3 backend? it would be amazing!

[justinbusch]

First up, awesome tutorial! It really helps me build my current Next JS project! At 52:20 you're setting up a try-catch block for wrong emails/passwords. Following the same logic, I tried to set up a try-catch block for users trying to sign up with an already existing account. However, instead of the setError state handling the error, I still get an unhandled runtime error "FirebaseError: Firebase: Error Do you have an idea why that is happening?

[jacobbdev]

Thanks for this tutorial. How difficult would it be to make the todos have more information than one item. For example, what would I have to change in order for the todo to have a title and then details?

[KodyWright-odtb]

SJ.. this is a great video, I can't stop watching. If we wanted to authenticate and then be rerouted to the dashboard, how we would be do that IF our dashboard is designed to use a page for each Link on the sidebar that's positioned sticky, so that when you click link, the main content changes but the sidebar remains. Please let me know if you're willing and able 🧑🏾‍💻🧑🏾‍💻⚛⚛

[anycolouryoulike]

Hi, I'm new to nextjs.
Aren't you exposing your firebase credentials by not using pages/api or getServerSideProps?

[nunoRRsantos]

Why console log so many times on loading page, when we use useEffect