Skip to content

Latest commit

 

History

History
46 lines (41 loc) · 1.66 KB

File metadata and controls

46 lines (41 loc) · 1.66 KB

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
  1. Create a Firebase project and activate the Google, GitHub, and Email & Password authentication methods.
  2. You can get your GitHub client ID and secret ID here.
  3. Activate Firestore Database for the Firebase project.
  4. Copy your Firebase configuration code into the firebase.ts file.
     const firebaseConfig = {
      apiKey: "",
      authDomain: "",
      projectId: "",
      storageBucket: "",
      messagingSenderId: "52130823024",
      appId: "",
      measurementId: ""
    };
  5. 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>
  6. Start the development server by running the code snippet below.
     npm run dev
    
  7. Set up Dev Studio and the workflow URL is <your_unique_url>/api/email
    npx novu-labs@latest echo
  8. Ensure, you have set up an Email service provider on your Novu dashboard