Javascript – Importing a pdf file in nextJs 13
I am building a portfolio site and want to add a button to download my resume. The pdf file is in the /public/resume.pdf . I want to import the file to a react component where I can the traditional <a…
How to hide JavaScript files from the Chrome Developer Tools, in Next.js?
I have a Next.js project. My concern is, the utils/components are easily visible throught the Chrome Developer Tools, as can be seen here: How can I hide them? More importantly, is it safe to have them easily accessible?
Reactjs – How do i effectively overlap modals in nexjts/react
Basically I want to create 3 modals stacked on top of one another, like the image below. Clicking on the Create Ecosytem will open another shadcn Dialog like 2nd image below The problem I am facing it is to effectively…
Reactjs – Next.js attempted import error: 'useLayoutEffect' is not exported from 'react' (imported as 'React')
I am migrating an application from just CSR (with webpack only) to SSR and using Next.js to achieve that. I followed the Next.js guide for migrating from vite (following parts that make sense for webpack) but when trying to serve…
Postgresql – Run slow background process when certain conditions in Postgres data are met?
I'm using Postgres (via Supabase) and Node (via NextJS on Vercel). I have a table report which has columns for an enum region, and generated_text which is content generated by AI. create type region as enum ( 'America', 'Europe', 'Asia',…
Reactjs – I want to refetch query by clicking buttons. But It doesn't work
export const useLogin = (loginType) => { return useQuery({ queryKey: ['login', loginType], // 'login' is simple function which use axios get method queryFn: async () => await login(loginType), }); }; const Login = () => { const [loginType, setLoginType] =…
Seo – Handling 404 Page with Correct HTTP Status in Next.js 14
I'm working on a project using Next.js 14 and I've encountered a challenge with handling 404 pages, particularly in terms of returning the correct HTTP status code. In earlier versions of Next.js, I could use getServerSideProps to ensure that a…
Reactjs – When I am adding flashSection module in the app router, I can't route to /some/1 route
enter image description hereOnly when I add @flashSection module inside the app router, I can't access the /some/1 page, when I remove the @flashSection module I can access that page, why is that happening to me enter image description here…
Seo – How to add twitter metatags dynamically in Next.js 13
I am using Next.js 13 and using the generateMetaData function for dynamic metadata works for openGraph, but how to do it for Twitter meta tags? export async function generateMetadata( {params, searchParams}: Props, parent?: ResolvingMetadata): Promise<Metadata> { return { openGraph: {…
Reactjs – Next js 14 client component not showing loading button nested inside server component
hey guys I am creating a booking app with Next js 14, I have route called /search-result which shows all the events fetched from backend as a server component. I am rendering some card inside this page which is client…