https://tube.grossholtz.net/videos/watch/f8a302d7-f257-4a24-adaf-0661ace4e3f6 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.vercel.app Source code: https://github.com/leonvanzyl/next13-finance-tracker/tree/lesson-3 Next.js docs: https://nextjs.org Tailwindcss docs: https://tailwindcss.com/ Chat with Like Minded Individuals on Discord: https://discord.gg/k2zShZMd 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 Mon, 06 Apr 2026 05:05:10 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://tube.grossholtz.net https://tube.grossholtz.net/client/assets/images/icons/icon-512x512.png https://tube.grossholtz.net/videos/watch/f8a302d7-f257-4a24-adaf-0661ace4e3f6 All rights reserved, unless otherwise specified in the terms specified at https://tube.grossholtz.net/about and potential licenses granted by each content's rightholder.