Newsletter App with Novu Framework, Firebase, and React Email

Prerequisites

1. Firebase project with an active Firestore Database, and enabled Google, GitHub, and Email & Password authentication methods.
2. Access your GitHub developer account.
3. Novu account with an API Key.
4. Novu Framework

Getting Started

1. Clone the repository
2. Install the project dependences

npm install

3. Create a Firebase project and activate the Google, GitHub, and Email & Password authentication methods.
4. You can get your GitHub client ID and secret ID here.
5. Activate Firestore Database for the Firebase project.
6. Copy your Firebase configuration code into the firebase.ts file.

    const firebaseConfig = {
     apiKey: "",
     authDomain: "",
     projectId: "",
     storageBucket: "",
     messagingSenderId: "52130823024",
     appId: "",
     measurementId: ""
   };

7. Create an .env.local file and copy your Novu API key into the file.

    NOVU_API_KEY=<YOUR_NOVU_API_KEY>
    NEXT_PUBLIC_NOVU_API_KEY=<YOUR_NOVU_API_KEY>

8. Start the development server by running the code snippet below.

    npm run dev
   

9. Set up Dev Studio and the workflow URL is <your_unique_url>/api/email

   npx novu-labs@latest echo

10. Ensure, you have set up an Email service provider on your Novu dashboard