I want to add justify-between between the hello and the user image & name, they are in different divs but its still not doing much. i tried multiple ways but i can't seem to get it. Im fairly new so…
I have a sidebar which contains some tabs like profile, settings, insights now when click on one of the tab it should show particular content where routes should change but page should not be refresh. I have no idea how…
I am working on a React application (with Next.js) and I would like to accomplish the following: Some of my pages are not supposed to be reachable before a given context has been set up. Therefore, I would like to…
I want to convert pure React app to NextJs app. In React app I'm importing .scss CSS files in multiple places of components. Once I move the code into Next.js environment it is showing error: Gobal CSS cannot be imported…
We want to use Next.js for our application but we would be using mainly client side rendering for fetching data. The API is an external API will built that we would be calling. Only the homepage will be using server…
I am trying to connect to my online redis database. const redis = require('redis'); const client = redis.createClient({ password: '<password>', socket: { host: <host> port: <port> } }); client.on('connect', function() { console.log('client connected'); }); client.on('error', function(err) { console.error('Error connecting to…
I am trying to get the current page from the layout.txt file but when I put 'use client' at top of the page I get the following errors: Uncaught SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the…
I have an Avatar component which is being passed a non-null url. I'm trying to set the initial value of avatarPath to this url but avatarPath is null. import { useState } from "react"; export default function Avatar({ uid, url,…
I was trying to add different styles for a component in react nect.js. Below I've mentioned my code for button component import styles from "./button.module.css"; const Button = props =>{ return( <div> <button className={styles.button}>{props.text}</button> </div> ) } export default Button;…
I have developed a serverless application using next.js, Vercel, and Google Sheets. I am using Google sheets to save customer contact data. My application logic works fine locally during production. I am receiving the data successfully in my google sheet…