next.js Questions

I'm unable to get the id from the JSON object in Next Js API – Reactjs

March 27, 2023
Preethi
2 Answers

data.js inside API folder export default { Trending : [ { "data":[ { "id":1, "attributes":{ "Title":"Technical", "slug":"blog", "Description":"#PythonnPythonisasimplelanguageforstarters.", "Date":"2023-03-06", "Author":"Ankush", "createdAt":"2023-03-06T03:11:19.450Z", "updatedAt":"2023-03-06T03:11:21.956Z", "publishedAt":"2023-03-06T03:11:21.951Z", "locale":"en" } } ], "meta":{ "pagination":{ "page":1, "pageSize":25, "pageCount":1, "total":1 } } } ] } trending.js import…

VIEW QUESTION

Rerender layout – Reactjs

March 26, 2023
denis-the-menace
2 Answers

I am using Next.js 13 beta (app directory) and trying to dynamically change the navbar, which is in my root layout, based on the url path (navbar element will include the text "posts" at .../posts and "profile" at .../profile). export…

VIEW QUESTION

Why am I getting a "cache not found in 'react'" error when trying to import cache from React? – Reactjs

March 26, 2023
Mintee
2 Answers

I'm following a doc from react-query that includes a section about using the Hydrate component in Next.js 13 app directory with server-side rendering. In this section, the guide imports the cache object from React like this: import { cache }…

VIEW QUESTION

iframe causing a lot of cookies issues – Reactjs

March 26, 2023
JohnPix
4 Answers

I'm trying to embed a video on my NextJS website by using <iframe. The problem is it causes a lot of cookies issues in Chrome browser. Plus the performance dropped significantly. <iframe src="https://www.youtube.com/embed/r9jwGansp1E" allowFullScreen ></iframe> I also tried to use…

VIEW QUESTION

NEXTJS api + axios + NextAuth issue : AxiosError: connect ECONNREFUSED ::1:3000 – Reactjs

March 25, 2023
vivek gupta
2 Answers

I have a basic Next.js application, in which I'm want to use NextAuth for authentication purpose for which I need axios to make calls to the api folder in the same nextjs app. I'm using credentials provider in it. authorize:…

VIEW QUESTION

How to fetch with Axios using Env secret key – Javascript

March 25, 2023
Viper
2 Answers

I'm trying to fetch data from the Middleware API and am using A secret key to Secure the API. But when I try to fetch the data it just doesn't recognize the Secret params, How can I make it fetch…

VIEW QUESTION

How does NextJS execute the code inside these functions with and without async? – Javascript

March 24, 2023
Joe
2 Answers

Function with async: export async function getPostData(id) { const fullPath = path.join(postsDirectory, `${id}.md`); const fileContents = fs.readFileSync(fullPath, 'utf8'); const matterResult = matter(fileContents); return { id, ...matterResult.data, }; } Function without async: export function getPostData(id) { const fullPath = path.join(postsDirectory, `${id}.md`);…

VIEW QUESTION

Azure Frontdoor multi path routing not working with storage static web apps

March 24, 2023
Niroj
2 Answers

I've been trying to setup Front Door (standard) endpoint to route two azure storage static websites. But thats is not working as expected.I need both static apps under same domain name but different path of URL like this. www.something.com ->…

VIEW QUESTION

I'm getting this error Error: Invalid `paths` value returned from getStaticPaths in /products/[id] when I try to create a single product page – Reactjs

March 24, 2023
Kingsley
2 Answers

I'm new to using next.JS, Graphql/Apollo so I'm trying to build a simple e-commerce page, I'm creating a page for a single product with the route /products/[id] and I try to do Serverside Generation (SSG) by using getStaticPaths to generate…

VIEW QUESTION

Tailwindcss and Flowbite – flowbite.min.js file not found (404) in Next.js – Javascript

March 23, 2023
Robin
2 Answers

I want to use only flowbite package with tailwind in my nextjs application. I configure everything correctly. But adding flowbite.min.js script throws me error - GET http://localhost:3000/node_modules/flowbite/dist/flowbite.min.js net::ERR_ABORTED 404 (Not Found) I add the script in my _app.js file as…

VIEW QUESTION