Next.js Feedback App

A feedback app that can be embedded in any website in order to let users comment or give back feedback, made with Next.js and Firebase.

Motivation

This project was created to apply what I've learned about Next.js and how to build a full-stack serverless web application. It is still work in progress but most of the main features are working.

Prerequisites

• A Firebase database(Firestore).
• You’ll need to have Node 10.16.0 or a later version on your local development machine (but it’s not required on the server). I recommend using the latest LTS version.

Step 1: Setup

Install the dependencies for this project.

cd feedback-app
npm install

Step 2: Create an .env file

In this step, you will have to create an .env file at the root of the directory, so that you can provide your environment variables. You can also rename the .env.example to .env and fill it with your credentials.

Variables

The environment variables you define here are used to communicate with your Firestore database.

The variables below are required to initialize your Firebase App, you can learn more on that here.

• NEXT_PUBLIC_FIREBASE_API_KEY
• NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN
• NEXT_PUBLIC_FIREBASE_PROJECT_ID

The variables below are required for server-to-server communication and privileged access.

• FIREBASE_PRIVATE_KEY
• FIREBASE_CLIENT_EMAIL

In order to get these variables above:

• Generate a private key from here and download it.
• Open the .json file and get the Private Key and Client Email.

Don't forget to copy the Firestore rules from here.

Step 3: Start the App

Start a Node development server.

npm run dev

The application will open in your browser at http://localhost:3000

Credits

Credits to Lee Rob and his amazing React 2025 course.