This is a Next.js application that integrates Firebase authentication and Velt for comments and @mentions. The project demonstrates how to build a modern web application with user authentication, real-time updates, and social features for a collaborative experience.
This is the code demo for the blog post: How to Implement @mentions and Comments with Firebase Auth Using Velt.dev.
Please give this repo a ⭐ if it was helpful to you.
0327.mp4
- User authentication with Firebase
- Real-time comments, @mentions, notifications, and user presence using Velt
- Modern UI with Tailwind CSS
- Firebase project and API key
- A Velt account and API key
- Clone the repository:
git clone https://github.com/Timonwa/nextjs-velt-firebase-app.git
cd nextjs-velt-firebase-ap
- Install dependencies:
npm install
# or
yarn install
- Create a .env.local file in the root directory and add your Firebase and Velt API keys:
NEXT_PUBLIC_FIREBASE_API_KEY=your-api-key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your-auth-domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your-project-id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your-storage-bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
NEXT_PUBLIC_FIREBASE_APP_ID=your-app-id
NEXT_PUBLIC_VELT_API_KEY=your-velt-api-key
- Run the development server:
npm run dev
# or
yarn dev
- Open http://localhost:3000 in your browser.
This project is licensed under the MIT License. See the LICENSE file for more information.