I added some dynamic meta tags for a page in my next.js application. import CoinTossPage from '@/views/CoinTossPage'; import React, { useEffect, useState } from 'react'; import Head from 'next/head'; import { useRouter } from 'next/router'; import axios from 'axios'; function…
Im totally newbie in stress testing, just to mention. A little bit info to understand project, not the question itself: I have webapp in nextjs14. Got requirement from a client to be able to support 400-500 simultaneous users connected and…
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(() =>…