I am beginner at NextJs and when I install next here is image attached using command "yarn create next-app" it create my app but problem is it does not have page directory what should I do now please help me...…
I want to link to just a plain css file in my Next 13 app, but adding it to a Head component does nothing. I also tried creating a custom _document both in app and pages, and that also did…
I am building comment app. Problem I am facing is latest post/comment is on bottom. I would like to add new comment to first position. Can you please tell me how to do it? Thank you. import db from "@/utils/db";…
I wanted to create a Modal in NextJS 13.4 (with the new layout.tsx file system), But I couldn't. since this is a new thing I couldn't find a solution on the web either. Here are the things that I've tried:…
before next js 13 we used to do dynamic head as an import. but in Next JS 13 they introduced the head.js class. this works when using a static page, but when loading a dynamic how can we change the…
My NextJS 13 app isn't building and is returning a type error but it is completely working on development environment the type error is shown in this file import NextAuth, { AuthOptions } from "next-auth"; import GoogleProvider from "next-auth/providers/google" export…
I'm building a next js react website that fetches audio files from an api and stores them locally. However, I would like to check if a files already exists before calling the api to avoid unnecessary api calls. Most solutions…
for my blog app in NextJS I'm trying to create a route for usernames. If a user navigates to /@${username} I want to display the page in /pages//index.tsx. That works but if I randomly navigate to /abc it displays that…
I used "npx create-next-app" to create my NextJs project, and now encountered an interaction with _app.js to describe TransactionContext, but the problem is that it is not in my project I would be grateful for help Instead of the pages…
I would like to dynamically render a script in next.js depending on the page url. My code in page/app.tsx <Head> <script id="script" src="www.cookie.com" data-cbid={typeof window !== 'undefined' && window.location.href.includes('localhost') ? "XXXXXXXXX" : "YYYYYYYYYY"} data-blockingmode="auto" type="text/javascript" async> </script> <Head> However, my…