Next.js, Tailwind & Firebase Tutorial #5 - Context API | Finance Tracker
In this tutorial series we'll create a production-ready Finance Tracker app using Next.js 13, Tailwind CSS and Firebase.
The app includes security using user authentication, protected routes, data storage using Firebase Firestore and styling the website using Tailwind CSS.
In lesson 5, we will add a context store to the project in order to make our data and functions available in a global scope.
Project demo: https://youtube-finance-tracker.verce...
Source code: https://github.com/leonvanzyl/next13-...
Next.js docs: https://nextjs.org
Tailwindcss docs: https://tailwindcss.com/
Firebase: https://firebase.google.com
CHAPTERS:
00:00 - Intro
01:00 - Logo
05:11 - Introducing React Context API
05:49 - Creating Context Provider
09:10 - Wrapping app in Context Provider
15:09 - Outro
#next #nextjs #tailwindcss #firebase #firestore #reactjs