Credits: This is a Next.js project bootstrapped with create-next-app.

To Run The Project Locally(After setting up the project)

To run the development server using:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Setup

Copy the .env.example as .env file. and add the environment variable shown there.

Getting JWT Secret

You can generate a secure JWT secret using OpenSSL with the following command:

openssl rand -base64 32

Or if you prefer a manually generated secret, you can "spam the keyboard" and get one and add it in env

Follow next section in this guide to get Firebase related env

Getting Database Configuration (Firebase)

This project uses Firebase Realtime Database. Follow these steps to set up Firebase:

1. Create a Firebase Project

1. Go to Firebase Console.
2. Click Add Project and follow the setup process.

2. Create a Firebase App

1. In the Firebase Console
2. Haven't created an app in the main pannel select Web App
3. Give it a name and press Next
4. Copy the SDK setup and configuration in to env

3. Create a Firebase Real Time Database

1. In the Firebase Console Press Build Dropdown in Left side bar
2. Scroll Down a bit if needed and Click Realtime Database
3. Press Create Database in Main Panel
4. Select proper region, press next
5. Select Start in Test mode and press enable

4. Add Rules to Database

1. In the Real Time Database Main Panel Select Rules
2. Copy rules from datamodel/firebaseRules.json
3. Publish the rules

Download the dependencies

Run following command

npm install

Run the Project

Ensure your Firebase setup is complete and start the development server:

npm run dev

Now your app should be connected to Firebase!

Assumptions

Additional features

Build with Next.js

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.