https://github.com/studio1hq/nextjs-velt-firebase-app
https://github.com/studio1hq/nextjs-velt-firebase-app
collaboration-platform comments firebase nextjs velt
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/studio1hq/nextjs-velt-firebase-app
- Owner: Studio1HQ
- License: mit
- Created: 2025-03-25T18:56:01.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-04-18T18:03:19.000Z (6 months ago)
- Last Synced: 2025-06-05T15:01:55.270Z (4 months ago)
- Topics: collaboration-platform, comments, firebase, nextjs, velt
- Language: TypeScript
- Homepage:
- Size: 16.6 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js Velt App Using Firebase Auth
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](https://velt.dev/blog).
Please give this repo a ⭐ if it was helpful to you.
## Table of Contents
- [Next.js Velt App Using Firebase Auth](#nextjs-velt-app-using-firebase-auth)
- [Table of Contents](#table-of-contents)
- [Demo](#demo)
- [Features](#features)
- [Prerequisites](#prerequisites)
- [Getting Started](#getting-started)
- [Tech Stack](#tech-stack)
- [License](#license)
## Demo
https://github.com/user-attachments/assets/fcf8a8e1-acbf-482e-9f91-b2e29a8b2cbb
## Features
- User authentication with Firebase
- Real-time comments, @mentions, notifications, and user presence using Velt
- Modern UI with Tailwind CSS
## Prerequisites
- Firebase project and API key
- A Velt account and API key
## Getting Started
1. Clone the repository:
```bash
git clone https://github.com/Timonwa/nextjs-velt-firebase-app.git
cd nextjs-velt-firebase-ap
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
3. 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
```
4. Run the development server:
```bash
npm run dev
# or
yarn dev
```
5. Open [http://localhost:3000](http://localhost:3000) in your browser.
## Tech Stack
- [Next.js](https://nextjs.org/)
- [Firebase](https://firebase.google.com/)
- [Velt](https://velt.dev/)
- [Tailwind CSS](https://tailwindcss.com/)
- [TypeScript](https://www.typescriptlang.org/)
## License
This project is licensed under the [MIT License](LICENSE). See the LICENSE file for more information.