I'm trying to render the props in a loop (a forEach function), but I haven't figure out how to :( This is what I have so far: {console.log('the catalog inside the component ----->', catalog)} {Object.keys(catalog).forEach(key => { return ( <div…
I'm having trouble implementing a loading component in Next.js v13. According to the documentation, I created a loading.tsx file in my src directory, but it's not being displayed. I've also included a function to fetch data. However, every time I…
I want to create api in my website like /api/popular-movie this is my file structure and this is route.ts import { NextResponse } from "next/server"; import Redis from "ioredis"; type Result = { data: string; type: string; latency: number; };…
I'm working on a project for a client using nextjs, and the design requires me to have a component with a custom border on a responsive CSS grid. I've made the CSS grid with all the content inside, however I'm…
I am just starting with NextJS and there is a new router called app router. Now I have some tutorials using pages/_app.js from the NextJS page router. So, what's the corresponding file for that in the app router?
I have a product page at /products/[slug].js and I use Incremental Static Generation for a wordpress/graphql site: export async function getStaticProps(context) { const {params: { slug }} = context const {data} = await client.query(({ query: PRODUCT_SLUG, variables: { slug }…
I really don't know why, but when I try to fetch data and put it in the body of my response, it says undefined (in the console). I have almost 2 identical components. One uses a POST method and returns…
I have an app built in Nexjs (13.4, Node 18.16) that calls a Lambda function (API Gateway). I have the same versions locally, and it runs fine when I do npm run dev, but I hit an error when I…
I am developing a Next.js app with version 13.4 and I am getting this warning in the console: The resource <URL> was preloaded using link preload but not used within a few seconds from the window’s load event. Please make…
I have been trying to use the Montserrat font in my Next js application. When I inspect the texts in browser, the font family is always roboto and same set of fallbacks. "Roboto","Helvetica","Arial",sans-serif I haven't made this set as my…