This project demonstrates how to use Firebase Cloud Messaging (FCM) with Next.js. The UI is minimal and displays a table that shows the index, from, title, body, and data properties of the messages received.
To get started with this project, follow these steps:
- Clone the repository to your local machine.
- Install the dependencies by running
bun install
. - Create a Firebase project and enable FCM.
- Rename
.env.example
to.env.development.local
and add you firebase configuration to it. - Run the development server by running
bun run dev
. - Open http://localhost:3000 in your browser.
Once the development server is running, you can view the messages received by opening the browser console. The table on the page will also display the messages.
Contributions are welcome! If you find a bug or have a feature request, please open an issue. If you would like to contribute code, please fork the repository and submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
Hello there! 👋
I'm a 23-year-old frontend software developer based in Mumbai, India. Currently, I work at Tifin, a fintech startup based in the United States, where I contribute to building innovative and user-friendly software solutions.
Outside of work, I have a passion for exploring the magical world of Harry Potter and consider myself a devoted Potterhead. In my free time, you'll often find me engrossed in watching anime series or diving into captivating sci-fi movies and TV shows. I thoroughly enjoy indulging in these forms of entertainment, which not only entertain but also inspire me creatively.
Through my GitHub projects, I aim to showcase my skills and expertise as a frontend developer. I strive to create well-designed, efficient, and user-centric applications that make a positive impact. I believe in continuous learning and constantly honing my craft to stay up to date with the latest trends and technologies.
Thank you for visiting my GitHub profile. Feel free to explore my projects and don't hesitate to reach out if you have any questions or collaborations in mind. Let's connect and build amazing things together!
Happy coding! ✨