firebase-nextjs

Download

View code

---

This project contains a simple Next.js app integrated with Moralis and Firebase.

⚠️ Warning: This demo is under development.

Required Google Cloud services:

• Firebase Hosting
• Firebase Authentication
• Secret Manager (check the pricing)

🚀 How to Start

1. Clone this repo.
2. Install Firebase CLI globally: npm install -g firebase-tools
3. Login to your account: firebase login
4. Get list of your projects: firebase projects:list. If this list is empty you should add a new project. You can do it by the Firebase Console.
5. Set your project ID: firebase use <PROJECT_ID>
6. Enable the webframeworks feature: firebase experiments:enable webframeworks
7. Generate a certificate for the Service Account. You will need it in the next step.
8. Convert the certificate to extension variables by this online converter. You will use these variables in the next step.
9. Install the Authenticate with Moralis Web3 extension: firebase ext:install moralis/moralis-auth.
10. Copy hosting/.env.example to hosting/.env and set all variables.
11. Activate the Authentication feature in the Firebase Console. Go to the Firebase Console > Your Project > Build > Authentication and click the Get Started button.

🔌 Run Locally

1. Run emulators: firebase emulators:start
2. Open http://localhost:5555/ in your browser.