I'm using Next JS as a client. Using the js-cookie library I am setting a cookie called FarmId: Cookies.set('FarmId', farmId) In my axios.create I am already setting the withCredentials property to true: const axiosClient = axios.create({ withCredentials: true, baseURL: apiUrl,…
I use this starter project: https://github.com/vercel/nextjs-subscription-payments The currently default content in above I want to lave original as home. Now I want add admin and dashboard with different layout. So I created route: app/dashboard/layout.tsx - I rename this as DashboardLayout…
I have been facing issues using useState inside a useEffect for a while, so I decided to create a new project to test some things. I've just created a new project, and the only thing I've done was change the…
I have the following Next.js/Clerk.js middleware: import { authMiddleware } from "@clerk/nextjs"; import { jwtVerify } from "jose"; export default authMiddleware({ publicRoutes: ["/", "/contact", "/pricing", "/api/webhooks/user", "/api/reviews/add", "/api/user"], afterAuth (auth, req, evt) { const secret = new TextEncoder().encode (process.env.CLERK_PUBLIC_KEY) const…
Here I write script in app/shop/[id]/page.tsx export default function Shop({ children, sections = [] }) { const [shopData, setShopData] = useState(null); const params = useParams() // Get the id from the route const { id } = params; useEffect(() =>…
I am making user role base protected routes in next.js in middleware.js but suddenly started getting this. Not sure why this happening if you guys have better way to implement that please let me know. Here is how I am…
I am on a next.js project with tailwindcss, but in my src folder I do not have the pages folder and the api subfolder where I have to find the _app.tsx, documents.tsx and index.tsx files, whereas in the tutorial that…
const DummyData = [ { _id: 1, title: "lorem ipsum", desc: " ", cta: "Explore Service", ctaUrl: "/", theme: "#E4F8ED", btnTheme: "#4F9D73", links: [ { title: "Project lorem ipsum Tools ", url: "/", }, { title: "Augmented lorem ipsum ",…
I've got this error when trying to export a next js blog page to static html. I'm trying to get the basic html (+tailwind) page structure from this blog template. Following the instructions on the next js documentation I've changed…
I am using NextJS 14 to setup routing. I am using root layout in app/layout.js to check for jwt tokens and conditionally allow page rendering or redirect to /auth/login. However in doing so, I am getting 2 back-to-back errors. First…