Issue I know how to create a regular back button. But I want to create a button that takes you back one step in the URL and not to the previous page. In that way I can use the button
Continue readingTag: next.js
NextJS: Problem related to nested dynamic routing (/category/[label]/subcategory/[id])
Issue Category Path http://localhost:3000/category/Municipality When selecting a category [label] and then selecting the subcategory [id], I am losing the value [label] in the path, and it only shows me the following path: http://localhost:3000/category/subcategory/44 Nextjs allows me to display the subcategory
Continue readingHow do I break the infinite redirect loop I've created in Next JS?
Issue This application is being hosted on S3, entirely static (using next export), and we’re routing all 404 errors to index.html in order to let those be handled on the client side so we can take advantage of dynamic routing.
Continue readingFor Next.js Dynamic Routes, it is possible to combine a string with a [slug]?
Issue I’ve tried to check through the official documentation, various issues, and inside SO previous questions, but I can’t find confirmation if it’s possible to create a dynamic route in Next.js that contains a constant or a string combined with
Continue readingDifference of dynamic routing in Nextjs
Issue What is the difference among [id].js, […id].js and [[…id]].js dynamic routing in Nextjs? Solution Case: posts/[id].js When you are calling /posts/1099 – your page will be triggered (value of id variable is 1099. Example: /posts – the system will
Continue readingNext.js Sub-Pages for parameterized routes
Issue Right now, my routing looks like this: https://app.com/users opens pages/users/index.js https://app.com/users/:userid opens pages/users/[id].js I want to create route, for example: https://app.com/users/:id/friends -> show all friends for the user or even https://app.com/users/:id/friends/:friendId -> show a specific friend I have tried
Continue readingNextJS Optional catch all routes not working when deployed
Issue We have a project that contains one dynamic route [productId], and inside this page, we have several other pages that include optional catch-all routes. Here is the structure on the pages folder: [productId] contentOne [[…slugOne]] The issue is, the
Continue readingDynamic Modal routing with NextJS like Instagram
Issue I am looking for someone to help me with the following issue: I am trying to implement a modal system where the modals are dependent on the route using NextJS. So say I am on the following page: website.com/help
Continue readingNextjs dynamic routing not working in firebase hosting
Issue I have a dynamic router job/[jobId] but it doesn’t work after hosting. I don’t know how to write the rewrites in firebase.json for this as well. Here’s my rewrites. Currently firebase throws 404 if I access a page such
Continue readingFirebase CLI not detecting NextJS Framework on hosting init
Issue Im trying to run firebase init hosting on the root folder of my NextJS repo but it doesn’t seems to detect the framework and continue to asks me for the build directory. firebase version 11.15.0 node version v16.13.2 next
Continue readingI can't deploying my app with next js and firestore
Issue When trying to deploy my application with npm run build or in vercel or another service it doesn’t allow me, but in localhost it works fine and doesn’t show errors I use firebase, next js and typescript, the error
Continue readingnextjs react recoil persist values in local storage: initial page load in wrong state
Issue I have the following code, const Layout: React.FC<LayoutProps> = ({ children }) => { const darkMode = useRecoilValue(darkModeAtom) console.log(‘darkMode: ‘, darkMode) return ( <div className={`max-w-6xl mx-auto my-2 ${darkMode ? ‘dark’ : ”}`}> <Nav /> {children} <style jsx global>{` body
Continue readingLogout from next-auth with keycloak provider not works
Issue I have a nextjs application with next-auth to manage the authentication. Here my configuration …. export default NextAuth({ // Configure one or more authentication providers providers: [ KeycloakProvider({ id: ‘my-keycloack-2’, name: ‘my-keycloack-2’, clientId: process.env.NEXTAUTH_CLIENT_ID, clientSecret: process.env.NEXTAUTH_CLIENT_SECRET, issuer: process.env.NEXTAUTH_CLIENT_ISSUER, profile:
Continue readingNext JS Error serializing `.dehydratedState.queries[0].state.data.config.adapter` returned from `getServerSideProps
Issue I am trying to use react-query to fetch data in getServerSideProps in Next JS but I keep getting this weird error: Error: Error serializing `.dehydratedState.queries[0].state.data.config.adapter` returned from `getServerSideProps` in "/auth/google/callback". Reason: `function` cannot be serialized as JSON. Please only
Continue readingNextJS SSR and Client side state
Issue I have the following nextJS app: export default function Home({ productsData }) { const [user, setUser] = useState(null); const [products, setProducts] = useState([]); useEffect(() => { if (productsData) setProducts(productsData); }, [productsData]); useEffect(() => { const userLocal = window.localStorage.getItem("user"); if
Continue readingNextJS: getStaticProps revalidate not working
Issue I have this NextJS site where there is this getStaticProps that load data from Firestore. I have this: return { props: { allPosts: posts, }, revalidate: 60, } where from what I know will load data from firebase every
Continue readingGet client IP in getServerSideProps method in NextJs
Issue I am trying to find the IP of the client in getServerSideProps in NextJs. I simply use basic IP found methods but when I call that method in getServerSideProps which always giving me the server IP, not Client IP.
Continue readingNext.js: React Apollo Client Not sending cookies?
Issue I’m using Apollo Client as a graphql client on my next.js application, Here is the function that creates a client for me: let client: ApolloClient<any>; export const __ssrMode__: boolean = typeof window === "undefined"; export const uri: string =
Continue readingStatically pre-render most popular queries with NextJS
Issue I am using NextJS to pre-render pages of the format: ./pages/folder/[variable].js I have a set of some ~ 8000 possible values for [variable], so it is not practically feasible to statically generate all 8000 of these pages. Because of
Continue readingHow to detect the device on React SSR App with Next.js?
Issue on a web application I want to display two different Menu, one for the Mobile, one for the Desktop browser. I use Next.js application with server-side rendering and the library react-device-detect. Here is the CodeSandox link. import Link from
Continue readingHow to render dynamic route when a new blog post is added in nextjs without running npm run build command
Issue I have developed a blog app in nextjs, while adding new blog in the database, it does not render the page with new route, instead I have to manually do npm run build to pre-render new blog. Until then
Continue readingDoes getStaticProps fetch data every time I get back same page?
Issue I am using routes to get page ex. page/[id].js and show data for that id only. So will it refetch data every time I visit this page? ex. going to the next page through a link on this page
Continue readingNext.js – Vercel build failed – An unexpected internal error occurred
Issue we use vercel for hosting our next.js project, which worked properly until now. After a while, I’ve just deployed my site to vercel which has a lot of pregenerated static pages (FAQ pages localized version ca 7500 sites) (earlier
Continue readingPrevent getStaticPaths running for specific locale
Issue Is it possible that you prevent Next.js getStaticPaths for generating static pages for a specific locale? In my next config: i18n: { locales: [‘default’, ‘en’, ‘hu’, ‘de’, ‘cz’, ‘eu’, ‘sl’], defaultLocale: ‘default’, localeDetection: true, }, That’s just because we
Continue readingMaterial styling not loading in production build
Issue I’m currently working on a project with Nextjs and Material UI. Everything works great in development mode. When I build the project, the first page loads just fine but when I navigate to a second page, a lot of
Continue readingNext.js getServerSideProps is not working using docker
Issue Currently, I am trying to fetch data after communicating with the backend server through SSR through Next.js and sprinkle it on the page. However, one problem is that when I run npm run dev locally, getServerSideProps runs well, but
Continue readingRefreshing Server side props – Nextjs
Issue I have a list of posts, fetched with getServerSideProps in the home page, then these posts are passed as props to a Posts component, which maps those posts and pass each one to a Post component. Pretty basic. The
Continue readingHow to recall getServerSideProps from same component with updated api url?
Issue I want to pass the params in this function to get the updated/filtered data on the same page when some filters applied? This is working fine for the initial rendering but i’m unable to get updated data from my
Continue readingNext js – disable server side rendering on some pages
Issue Is it possible to disable ssr on some pages using Next js? For example, I have a page with a product description on which I use ssr for SEO but I also have a page with a list of
Continue readingInstalling Plaiceholder in Next.js / Webpack 5 causes: Module not found: Can't resolve 'child_process'
Issue I’m building on Next.js app and when I install / import Plaiceholder (for generating placeholder images), I get the following error: Module not found: Can’t resolve ‘child_process’ Node v14.18.0 Next.js v11.1.2 Plaiceholder v2.2.0 Sharp v0.29.2 I understand this error
Continue readingIs there any method to overcome the error of hydration UI in next.js while using use-sse?
Issue I am using use-sse (server side rendering hook) in my next.js application but i am getting an error of "There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch
Continue readingPass variable from client to server-side in NEXTJS
Issue I have already done this but Idk why when I try to apply it again in another code it does not work. So I have this code "Client side" const response = await fetch("/api/ipfs", {method: "POST", DATA: "holaaaa"}); if
Continue readingHow to use getStaticPaths dynamically in next js?
Issue I have 3 blog categories which I need to paginate static pages for each of them . The problem is the number of pages may vary and I can’t get access to anything on what category needs to be
Continue readingReferenceError: window is not defined in getServerSideProps for Next.js App And I Need to Store A Variable Persistantly in The getServerSideProps Func
Issue This is my getServerSideProps code: //@ts-ignore export async function getServerSideProps({ req, res, query }) { const { id } = query const cookies = Cookies(req, res) const jwt = cookies.get(‘lit-auth’) if (!jwt) { return { props: { authorized: false
Continue readingNext.js Opt out of Layout Component for specific pages from _app.js
Issue How to not wrap a specific page with Layout component in _app.js? For example, I have two pages as pages/home and pages/about, now how can I not wrap my pages/home page with Layout component? pages/_app.js import "../styles/globals.css"; import Layout
Continue readinggetServerSideProps is undefined in nextjs
Issue I want to pass an array(initialPosts) using getServerSideProps into my Home function . But the props are undefined. I have looked through many solutions but none of them works. I have used initialPosts as props in getserversideprops , in
Continue readingNext.js Build fails. window is not defined
Issue I’m building a next.js app and it works perfect in development mode. While deploying to production it fails with the following error: [ ] info – Generating static pages (0/6)/home/ec2-user/groot-dashboard/node_modules/next-auth/react/index.js:220 _ref5 = options !== null && options !== void
Continue readingNext.js + SSR not updating the Context API
Issue We have a simple setup involving a Context API provider wrapping the _app.tsx page. The flow we’re trying to implement is: On a page we collect some data from an API by using getServerSideProps We send the data to
Continue readingWhen is server-side-rendering a bad idea?
Issue SSR with React is simple using Nextjs. Additionally, SSR has advantages like performance and SEO. Better performance and SEO must be advantageous to everyone, right? This got me to thinking: Given the advantages I just listed, why not make
Continue readingHow to set up Next image loader url correctly for external url
Issue I am trying to host my first app on firebase and i am experiencing some issues with the image loader on next.config file. initial config is as below module.exports = { images: { domains: [‘assets.coingecko.com’], loader: ‘imgix’, path: ‘https://assets.coingecko.com/coins/images/’,
Continue readingIs using Redux with Next.js an anti-pattern?
Issue I’m building a Next.js app and it currently is using Redux. As I am building it I am wondering if the use of Redux is really necessary and if its use is actually an anti-pattern. Here is my reasoning:
Continue readingCannot log out user on the server side (Next.js and Supabase)
Issue How can I log out a user on the server side when using Supabase as the auth provider? I thought the simplest and most obvious solution would be to just do that: export const getServerSideProps: GetServerSideProps = withPageAuth({ redirectTo:
Continue readingNextJS SSR functions doesn't work on Vercel Server
Issue My pages which I use getStaticProps or getServerSideProps working on my localhost but I get Internal Server Error or build time error when I deploy to vercel. I searched everywhere for error logs. but I couldn’t find any solution.
Continue readingHow to dynamically add classes to NextJS component using class names from CMS?
Issue I am looking for a solution that will allow some styling options in a CMS that can dynamically change the classes of specific components in my NextJS app. My code looks like this: pages/index.js: … import client from "../lib/client";
Continue readingRandomize an array using useEffect in Nextjs
Issue I’d like to randomize an array everytime the page is loaded. I’m using Nextjs and the first issue is that client and server don’t match, so I’ve been advised I need to put the randomize code inside a useEffect
Continue readingHow to enable cache for getServerSideProps?
Issue We have few pages and components as server side rendering. We were trying to use cache for few API responses. export async function getServerSideProps(context) { const res = await getRequest(API.home) return { props: { "home": res?.data?.result }, } }
Continue readingNextjs next-session storage other than memory
Issue I don’t find any resource or package to use another storage other than memory for next-session, where memory is not a suitable solution for production? I want to use either file storage ( preferred ) or db . Solution
Continue readingHow to fix `data-rbd-draggable-context-id` did not match. Server: "1" Client: "0"' with react-beautiful-dnd and next.js
Issue When I try to use react-beautiful-dnd with next.js (or in general with server side rendering), after reorder items and refresh the page I get this error: react-dom.development.js:88 Warning: Prop `data-rbd-draggable-context-id` did not match. Server: "1" Client: "0" And this
Continue readingHot module reload is not working on my nextjs app
Issue I have a project based on nextjs. Oddly enough, the HMR is not working properly for my project. Every time I make changes I have to re run the process. I have attached details of my next config and
Continue readingReact Nextjs bad performance with almost empty app
Issue I have created a new Nextjs project and deployed to Vercel. The project is still almost empty, only one div with few texts on it, But the performance in lighthouse: Time to interactive – TTL and Total blocking time
Continue readingReact Nextjs bad performance with almost empty app
Issue I have created a new Nextjs project and deployed to Vercel. The project is still almost empty, only one div with few texts on it, But the performance in lighthouse: Time to interactive – TTL and Total blocking time
Continue readingReact Nextjs bad performance with almost empty app
Issue I have created a new Nextjs project and deployed to Vercel. The project is still almost empty, only one div with few texts on it, But the performance in lighthouse: Time to interactive – TTL and Total blocking time
Continue readingNext.js – Client Side Navigation vs. changes in html
Issue I’m currently working through the next.js tutorial, but I’m struggling to understand the following: The tutorial is telling me here, that clicking a <Link> element won’t trigger a server request, and instead do "Client-side navigation", i.e. adjusting the page
Continue readingmy app routs me to a page, but i cant access it directly
Issue i have setup a link that routes me to an about page (about.js): import React,{useState,useEffect} from ‘react’; import Link from ‘next/link’ ///————————PAGES——————————-/// import {default as Main} from ‘../app/sections/Main.js’ export default function Home() { const [site, setSite] = useState(‘down’); const
Continue readingNextJS: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined
Issue Using Nextjs and I’ve created an index.js in the /pages directory and created meta.js in the /components/meta/ directory. As my app rebuilds I get the following error: Element type is invalid: expected a string (for built-in components) or a
Continue readingTypeError: Cannot set properties of undefined (setting 'styles') + Using withLess/withSass/withCSS in next.config.js NextJS
Issue I am trying to configure a NextJS 12 project with custom Ant Design and according to some examples that I have found, I must configure my next.config.js file with the libraries @zeit/next-sass / @zeit/next-less / @zeit/next-css but when I
Continue readingHow to conditionally render label to avoid labels overlapping in recharts?
Issue I’m having an issue similar to this using Recharts library with NextJS. I’m using a ComposedChart that renders Bar and Line components. However, the Labels are overlapping on each other if the value is not big enough between them.
Continue readingnextjs how to write css variable in components module.css like global css?
Issue In our global css file we can write css like this :root{ –orange:#e67e22; –black:#333; –light-color:#777; –border:.1rem solid rgba(0,0,0,.2); –box-shadow:0 .5rem 1rem rgba(0,0,0,.1); } *{ margin:0; padding:0; box-sizing: border-box; outline: none; border:none; text-decoration: none; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:
Continue readingtailwind dark mode isn't extending fully when scrolling all the way on page
Issue using dark mode in a nextjs web app with tailwind, when scrolling, if you scroll past the scroll container (almost like your bouncing off the bottom or top of the page when scrolling), the dark mode isn’t extending all
Continue readingInternal API fetch with getServerSideProps? (Next.js)
Issue I’m new to Next.js and I’m trying to understand the suggested structure and dealing with data between pages or components. For instance, inside my page home.js, I fetch an internal API called /api/user.js which returns some user data from
Continue readingTailwindCSS Active Link Text Color Not Changing
Issue I am using NextJS and Tailwind css to desig a top navigation bar. I want the text color to change for active link. Below is my code: const Header = () => { return( <header> <nav className=”sd:max-w-6xl mx-auto”> <ul
Continue readingWhat TypeScript type should NextJS _app.tsx Component and pageProps be?
Issue Here’s the default _app.tsx from NextJS: function MyApp({ Component, pageProps }) { return ( <Component {…pageProps} /> ) } The problem is, as soon as you switch to TypeScript, you get a warning under ES6Lint that these types are
Continue readingHow to set port for Next js on PM2
Issue i have an ordinary next js application with the following scripts in my package.json file. "scripts": { "dev": "next dev", "build": "next build", "start": "next start -p 3002" }, I have a start script with the -p tag to
Continue readingHow would I go on changing the style when a different rarity is chosen. (Next.JS)
Issue How would I go on changing the style when a different rarity is chosen. I’m making a game which chooses a random rarity for you when the website is loaded, and I want to set the color of the
Continue readingfailed to load next.config.js when building using github action
Issue I am using simple ssh deploy action and i have a bash script to build and restart pm2 frontend process. It’s working fine when I run it directly run the script through the ec2 instance but gives error when
Continue readingAdd blur effect to navigation scroll bar
Issue I am trying to implement a navbar that has a blur effect when scrolling. This works, but when I refresh the page, the scrollbar stays in the same position and I don’t get any result from window.pageYOffset. The result
Continue readingApollo Client useQuery making un-necessary refetches upon Next.js router.push
Issue I’m dealing with an issue in which a query inside a useQuery Apollo Client hook is getting un-necessarily re-run whenever Next.js’s router.push (docs here) is called. The abbreviated code is: const Parent = () => { useQuery(QUERY_HERE, { onCompleted:
Continue readingNext.js : router.push not refreshing the page
Issue I’m building a next.js page /page/data/[dataId] (this page is navigated when A user clicks on a link from page /page/data , I fetch the list of items through an API ). When user clicks on a button , I
Continue readingTypescript function becoming undefined
Issue The function binOp runs once when run from expression and then becomes undefined when it is called by term and I just can’t figure out why it is happening. sorry for the amount of code but I don’t know
Continue readingVercel NodeJS server goes to sleep with schedule job scheduled
Issue I’m running a schedule job on button click from my frontend App sent to Nextjs (NodeJS) backend /api/ function which doesn’t get triggered upon sending another request… Does anyone have an idea how could I persist NodeJS server to
Continue readingHow do i refer the className when having a nested scss ? nextjs reactjs
Issue I have a navbar with a hamburger button and i want to change the style (the bar color and the hamburger button style) on tap. I mention that i’ve tried using &:active, &.activeBar on the scss file. For some
Continue readingIssue with :global() css-module selectors not being pure in NextJS
Issue So I’m migrating an app from CRA to NextJS and I have encountered an error for the .module.scss files of some components and pages: Syntax error: Selector ":global(.label-primary)" is not pure (pure selectors must contain at least one local
Continue readinghow to only get child route back on next js?
Issue Not sure this title is worded right. Next JS project and am making a custom breadcrumb component. everything i need looks good so far except i have a /people page then /people/roles page. i am trying to get a
Continue readingNext.JS: Cannot find module '@emotion/react'
Issue I’ve been using Next.JS to make a test project to learn the framework. So far so good until I decided to use MUI to create a table so using npm I installed @mui/material @emotion/react and @emotion/styled but when it
Continue readingHow to type a page component with props in Next.js?
Issue I’m looking to correctly annotate the Home function component’s parameters, but am running into a little bit of trouble. I was hoping to annotate it like: { events }: { events: Event[] }, but am getting the TypeScript error,
Continue readingHeroku Shopify Application Error 'npm ERR! ERESOLVE unable to resolve dependency tree'
Issue Greetings I have a problem with Heroku because it’s don’t want to install legacy packages for my Shopify app, my Shopify app is on Github and I just set up everything that my application needs, but when I deploy
Continue readingHow can I specify child styles with next.js?
Issue I have: import styles from ‘./Editor.module.css’ … <ReactQuill theme="bubble" value={documentState.content} onChange={handleChange} modules={modules} formats={formats} onKeyDown={handleKeyDown} className={styles.quill} /> Where Editor.module.css is: .quill { height: 100%; flex-grow: 1; padding: 0; position: relative; } .quill .ql-container { position: absolute !important; } So the
Continue readingHow to use NextJS Component level CSS
Issue I’m not very good at CSS, in fact, I barely write CSS due to the rise of libraries like MUI. I have found myself in a weird situation, I’m trying to rewrite this sample Emabla caurousel in typescript and
Continue readingCan you modify NextJS mount element or add classes to __next div?
Issue Long story short is I’m working on a project where I want to have the content "fill" the vertical space below the static header. I’ve done this in React with tailwind like this: <body class="flex flex-col h-screen text-gray-600 work-sans
Continue readingHow to define TypeScript interface for the passed object in props?
Issue Could I get some help please with the definition of an interface for the IconArr.primary property. I am trying to pass it into PrimarySkills components –> where I have to define interface but without any luck so far. I
Continue readingnext build `pages/404` can not have getInitialProps/getServerSideProps but I do not have getInitialProps or getServerSideProps
Issue I’ve tried searching around but can’t find anyone with my issue. When I run next build I get an error saying I cannot have getInitalProps/getServerSideProps but nowhere inside of my 404.tsx file do I use getInitalProps or getServerSideProps. Error
Continue readingTypeScript, Library:React-Time-Ago thinks it requires a number, I'm giving it a string. I cant figure out how to make it accept a number?
Issue import ReactTimeAgo from "react-time-ago" <ReactTimeAgo date = {tweet._createdAt} /> _createdAt outputs time as 2022-06-02T01:16:40Z I’m using React-time-ago to change it into like 21 minutes ago. It actually works fine. Yet, TypeScript complains staying that date parameter needs to come
Continue readingCan't pass request body through next-http-proxy-middleware
Issue I’ve been trying to create a frontend using nextjs for a backend I have running in Java. I’m using the npm package next-http-proxy-middleware and it seems that either my request body is being dropped or I’m using the package
Continue readingReact auto scroll to bottom of a div
Issue So currently I have this issue, I am in react I want when the page load, it auto scrolls to the bottom of the messages box This is my current code : https://sourceb.in/GU4IOYtB9H Solution import React, { useEffect, useRef
Continue readingHow to choose what css file to be imported using next.js?
Issue I’m now trying to choose which css file to apply using next.js. I have two css files, one for pc, and one for mobile. Currently, I am importing css file like below: // _app.tsx import "../styles/globals.css"; // pc styling
Continue readingNested Links & Buttons In A Card With Link NextJs
Issue I ‘ve searched a lot on S.O. but I could not find any answer that works 100%. My problem is that I have a card component in a NextJs application that is wrapped around a <Link> tag. I also
Continue readingCheckbox form on Next.js and Typescript project
Issue I am working on a projet with Next.js and Typescript. I have a form and it is the first time working with Typescript and the checkbox type. I am having issues trying to get all the values of the
Continue readinghow to make a Next.js "Link" 's "href" property optional
Issue I’ve made the Next.js Link as a custom React function with typescript since the "href" property is required for "Link" to be able to call it anywhere I want . so I couldn’t used it as a button which
Continue readingHow can I save logged users email in react
Issue I have this login API. i wan’t to save logged users email in state or something else. so I can show it on header after the login. user email is in the data.email . login.tsx const LoginAuth = async
Continue readingBinding element 'posts' implicitly has an 'any' type
Issue I have this code I’m writing that involves graphql, react and typescript. Halfway in and I’m getting the error message Binding element ‘posts’ implicitly has an ‘any’ type. I have no idea what this means and need help. Below
Continue readingTypeScript changing type definition of a function after importing it to another file
Issue I have a custom hook called useDropdownSelection. It’s fairly simple. Here’s the code: import { useState } from ‘react’ export const useDropdownSelection = (initialValue: string) => { const [selectedOption, setSelectedOption] = useState<string>(initialValue) const handleClick = (event: React.MouseEvent<HTMLLIElement>) => {
Continue readingNextJS Image url not changing in different endpoints
Issue So currently I have an issue where I have a Channel Tab where it displays the channel icon and name. Now the problem is, every time I change channels the icon stays the same as the first channel I
Continue readingGetting Uncaught TypeError: Cannot set properties of null while using useRef
Issue I’m building an app that needs to access the user’s device camera and display the video on the screen. I’m doing it by using a video HTML Object and assigning the media stream as its srcObject, and it is
Continue readingnodemailer && mailtrap -> connect ETIMEDOUT error
Issue I’m Working on a Dummy Project in nextjs and trying to send a reset password message to the user email using mailtrap and nodemailer but i have a problem I can’t find any solution for it when I send
Continue readingCreate a NodeJS KeyObject from a string
Issue How do I create a NodeJS Crypto KeyObject from the randomish string in my .env file? I was using jsonwebtoken to create/verify JWTs, but it can’t run in nextjs middleware edge functions, so I want to migrate to using
Continue readingHow to pass JWT token from Headers Set-Cookie to Authorization Headers in Strapi
Issue [details="System Information"] Strapi Version: 4.1** Operating System: Windows 11 Database: Postgress Node Version: NPM Version: Yarn Version: [/details] I wanted roles of users so I modified the response by adding extensions/strapi-server.js // path: src/extensions/users-permissions/strapi-server.js module.exports = (plugin) => {
Continue readingNextJS next-auth get session always null
Issue Can’t get the session data using getSession({req}) on a api call? useSession() on a component is working fine. package versions: nextjs@12.01, next-auth@4.3.1 issue: api/lists.ts: import prisma from "../../../lib/prisma"; import { getSession } from "next-auth/react" export default async (req: NextApiRequest,
Continue readingIs there a way to change tailwind default style option?
Issue I’m building a blog in NextJS. Apparently in Tailwind’s list style type the default style is list-none. So every <ul> <li> elements in my app is not styled at all. I use remark to process .md files and my
Continue reading500: Internal Server Error with Next Js in some routes
Issue Live Demo After deploying a project written in Next JS to Vercel, some page paths, such as (xxx.vercel.app/first or / second) pages, display "500: Internal Server Error". All Page Routes do not receive any errors except these two Routes.
Continue readingNext.js adding a css class to Link
Issue How does one add a css class to a Link component in Next.js? <Link className="app-subnav__link" href="/globalSettings" > Settings overview </Link> It doesn’t like the above! ES Link is throwing an error: Solution Try this: <Link href="/globalSettings"> <a className="app-subnav__link">Settings Overview</a>
Continue reading