I'm working on a Next.js application, and I have a specific page, let's call it "thank-you," that I want to prevent users from accessing directly via the URL. However, I want to allow access to this page only through internal…
'use client' import React, { useCallback, useEffect, useRef, useState } from 'react' import { Observer } from 'gsap-trial/Observer' import gsap from '@/utils/gsap' type Props = {} const TestPage = (props: Props) => { const [test, setTest] = useState<number>(0) const testFunc…
I am in the process of converting my Javascript code to TypeScript for a web application I am making on top of Next.Js The following is my converted code: 'use client' import React, { useState, ChangeEvent, FormEvent } from 'react';…
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…