When creating an NextJS app using the CLI, one can choose --use-npm when running npx create-next-app. When running it without arguments (ie in interactive mode) it doesn't ask about this. The help page says --use-npm Explicitly tell the CLI to…
Is there an implementation of router Outlet in next.js or similar ? I want to render child components on the same page using sub-routes, but I haven't been able to find anything for next.js that does the same.
I'm trying to create a different layout for each route groups, there's 3 layouts: auth, dashboard, and public. But when I group the routes, the error "Non matching path () provided for /(public)" occured. Here's my folder structure: Is there…
I'm trying to create a multi-level role system for my website (which is a type of blog). I've already implemented classic Firebase Auth authentication system, with email/password combo only. By now, every user can post/edit articles because I do't have…
I've created a next.js project with this command: npx create-next-app@latest testdemo And select these options to create: After that, I've run it locally, it works fine, build is fine too And the build create .next folder and within that, it…
I'm using Next.js 13 and I have a middleware function set up for Multilanguage. I want to add another middleware function, but it's not working for me. I guess I made a mistake in writing the middleware, but I'm not…
I've setup a react app (via create-react-app), which I deployed via Plesk (which I don't know much, but I have to use that...), but it seems nextjs doesn't understand tailwind css. All is fine locally. Here's the error I get:…
so i want to make a page that render a data from localStorage, i want to make it realtime, so if i wanti to delete some data from localStorage the UI of deleted data removed realtime This is my code,…
What is the difference between <div /> and<div></div> or <Component /> and <Component> </Component> <Layout home> <section> <h2>Blog</h2> <ul> {allPostsData.map(({ id, date, title }) => ( <li key={id}> {title} <br /> {id} <br /> {date} </li> ))} </ul> </section> </Layout>…
This is my component to download pdf file. I have pdf file named resumeroshan.pdf inside Assets folder "use client"; import resume from "../../Assets/resumeroshan.pdf"; export default function About() { return( <div> <a href={resume} download="roshan"> <div className="mt-[25px] flex w-[150px] cursor-pointer justify-center rounded…