I’m learning to create data tables for a ReactJS / NextJS application without libraries. I’m having a hard time paginating the table, can you please provide a code sample to handle this. This is the table code I used: I really appreciate any answer. Answer Use Array#slice with an incremented page …
Tag: next.js
Next seo test with react testing library
I am trying to test my SEO component which looks like this: and my test is like so: however the test is failing: (it looks like the head element is empty) Answer I was having the same issue, but I found this answer on GitHub. So basically you need to mock next/head, pass document.head to the container propert…
Adding style guide to next.js (react) returns Error: ENOENT: no such file or directory,
I just started learning next.js and I wanted to add some documentation using https://react-styleguidist.js.org/ I created my project using npx create-next-app After installing it, and adding some configuration I’m getting the following error when trying to run it using the following command: npx stylegu…
material-ui tabs with nextjs?
I have a project in material-ui, nextjs and typescript. I’m trying to get my navbar to work with nextjs: But it causes the build to fail. Is there something I’m missing? Answer In this case, I believe you want to wrap the <Tab /> elements with the <Link /> ones.
NextJS cannot recognize TypeScript files
I want to develop my website using TypeScript not a JS. So I followed NextJS’s official to install TS from scratch, but when I run npm run dev, 404 Error page greeting me. OK below is my tsconfig.json Hmm, nothing seems to be wrong I think 🙁 And then next is package.json. Hmm, what’s wrong with my…
How to detect and use the page language in nextJS (ReferenceError: window is not defined)
Im trying to make a site that could identify the country and set the language. To do this in react i use to call thw window.navigator.language. The entire file: the pt / en files its just JSONS with all texts. But window doesnt exist in nextJS That error appears: ReferenceError: window is not defined I need t…
Next.JS Redux dispatch not working in getStaticProps()
I am pretty new to Next.JS and I was trying to set up Redux with my Next.JS application. Now my page is supposed to display a list of posts that I am calling in from an API. The page renders perfectly when I’m dispatching from useEffect() to populate the data on to my page, but getStaticProps() or getSe…
How to pass query parameters to next.js api handler when calling from inside of getStaticProps
I am under the impression that you can import api request handlers and call them directly inside of your getStaticProps function because of the documentation where it says: Note: You should not use fetch() to call an API route in your application. Instead, directly import the API route and call its function y…
Read the values from `frontmatter` from `.mdx` files using a `.js` file
I want to use https://github.com/iamvishnusankar/next-sitemap to generate Sitemap. However, when I use it normally like: next-sitemap.js It generates sitemap for all my posts. Although, in my .mdx files, I have a published key to know whether the post is a draft or it is ready to be published like: How do I r…
Deplopyment Error on Vercel: Cannot find module ‘/vercel/workpath0/.next/server/scripts/build-rss.js’
I have a package.json script like: It has build:rss which points to ./.next/server/scripts/build-rss.js but it cannot find it on Vercel. How do I point it correctly on Vercel? I get the following error & cannot deploy my site: I tried asking Vercel support but they said: I recommend doing something like t…