I am creating web app that can be accessed only when user login. I use nextjs 13 with App Route (not Pages Route!). And I am trying to use internalization without having to create sub-route like /en or domain like…
I have a nested dynamic page structure using catchall routes in Nextjs App Router as follows: app/stay/ |__[...category] | |__page.js |__[uid] | |__page.js |__layout.js I have a context provider in the 'layout.js' which holds data for a filtering function and…
This NextJS code changes the color of the Navbar elements after 950 px below and if the Navbar appears on a separate page, however, when switching to another page there is a delay in changing the Navbar colors until I…
I am trying to use the new payment element in stripe for payment handling in my react application but the backend that was implemented requires me to send the tokenized payment details collected through stripe and send through which the…
I wanted to use React and have SEO, so I chose Next. But I need to load colors that come from the backend to use in tailwind.config.ts, but how can I do this using Next?
For some reason my tailwindcss isn't working correctly. Did I forget something? tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./app/**/*.{js,ts,jsx,tsx,mdx}", "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}", // Or if using `src` directory: "./src/**/*.{js,ts,jsx,tsx,mdx}", ], theme: { extend: {}, }, plugins: [],…
I have a Next.js project with TypeScript. I take a reference from official document resulting to the followings. BundledEditor.jsx: // ** https://www.tiny.cloud/docs/tinymce/6/react-pm-bundle/ **// import { Editor } from '@tinymce/tinymce-react' // remove ssr, otherwise will cause ReferenceError: navigator is not defined…
So I have a page that describes the amenities in the hotel, how I can create a hidden block of amenities that can be expanded by pressing the "Show more amenities" button and collapsed by pressing "Show less amenities" in…
I am currently creating a next JS application and using react states in that. I want to add a line break in a string value of the state. I tried multiple things like these but none of them work: setState("a…
i have a navbar and list of tags like computer , phone , pc , camera i filter products by tags and it work on console and change in my context but doesnt re render i feel like i do…