Скачать или смотреть Next.js, Tailwind & Firebase Tutorial #3 - Modals | 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 3, we create a reusable modal component.

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/

CHAPTERS:
00:00 - Intro
00:17 - Logo
00:22 - Modal Example
01:39 - Position Relative on BODY
02:03 - Creating the Modal
05:03 - Add Close Modal Button
07:04 - Displaying the Modal
08:09 - Modal Slide Animation
10:29 - Create reusable modal component
13:51 - In the next video...


#next #nextjs #tailwindcss #firebase #firestore #reactjs