Skip to content

Studio1HQ/nextjs-velt-firebase-app

Repository files navigation

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.

Please give this repo a ⭐ if it was helpful to you.

Table of Contents

Demo

0327.mp4

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:
git clone https://github.com/Timonwa/nextjs-velt-firebase-app.git
cd nextjs-velt-firebase-ap
  1. Install dependencies:
npm install
# or
yarn install
  1. 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
  1. Run the development server:
npm run dev
# or
yarn dev
  1. Open http://localhost:3000 in your browser.

Tech Stack

License

This project is licensed under the MIT License. See the LICENSE file for more information.

About

No description or website provided.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •