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 }…
I'm trying to get module path aliases clickable in vscode // Ctrl+click Working fine import Layout from "src/components/layout/Layout"; // Not working import SEO from "@components/SEO"; My JSconfig.json file { "compilerOptions": { "jsx": "react", "baseUrl": ".", "paths": { "@components/*": ["/src/components/*"], "@sections/*":…
hi i am trying to host web/app with AWS Amplify. but it keeps don't working. i start the code with yarn so i already removed package.lock.json and input in the console this code: moment prop-types typescript Here is the error…