I am trying to show a page only if the current user is logged in, else ask them to login. I am using firebase authentication to achieve this. import Head from "next/head"; import { auth } from "../../components/firebase"; import {…
I have some code which works, but keeps on throwing up TypeScript errors in my IDE. I have condensed the code down to show what my issue is. Within a Next.JS app, I have a type (TestModel), a method which…
I want to use a headless CMO in my NextJs app (e.g. Sanity.io). The content is especially important for SEO. If I see it correctly, I can only receive the data on page-level via getStaticProps server-side to pre-render it that…
I have a next.js app that uses server side rendering. When running the application both locally and in production (on vercel edge), the initial page response is returning what looks like a javascript bundle, and not the fully rendered HTML…
I am working on an application using NextJS and Typescript and am attempting to determine the best way to properly type my MySQL responses. Here is the API endpoint: import { hash } from "bcrypt"; import type { NextApiRequest, NextApiResponse…
The function getImages is suppose to run once only on page load. When i refresh the page the both tempQuestionImages and questionImages is empty. But when a hot reload is done it works perfectly. I use nextJs and firebase,cloud storage…
I'm being told I have an invalid connection string for my MongoDB data provider. Specifically, I'm getting this: The provided database string is invalid. MongoDB connection string error: Missing delimiting slash between hosts and options in database URL. My problem,…
I followed this tutorial to set up MongoDB in my Next.js application: https://www.mongodb.com/developer/languages/javascript/nextjs-with-mongodb. In a file called mongodb-config.js, I have import { MongoClient } from 'mongodb' const uri = process.env.MONGODB_URI const options = { useUnifiedTopology: true, useNewUrlParser: true, } let…
We have built a NextJS website that is running on AWS Amplify, we are currently using getStaticProps in order to render the pages, and we generate them using getStaticPaths. We would like to use on-demand revalidation in order to refresh…
I have created a Next.js application and am using Firebase authentication. I have used the useContext hook for managing user state across my application. The code for the AuthContext is as follows: auth.js import { createContext, useState, useEffect, useContext }…