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…
So, my instructor building an application, he told me to use getServerSideProps(context). Since Next.js updated, I want to know what context means and what does it holds? Since the course was outdated, can any please tell me the alternative method?…
I have a Server Component: import { getData } from "./api" import { Form } from "./components/Form" import styles from "./style.module.css" import { Suspense } from "react" export const BuildingInfoForm = async () => { // get routing params from…
How to resolve this "TypeError: date.locale"? I'm making an attempt to address this problem, but despite my efforts, I'm unable to find a solution. API response: { "birthday": "1999-03-09T00:00:00.000Z" } change date format useEffect(() => { if (currentRecord) { const…
I'm trying to make a POST request with mongoose in NextJS. I have lib/dbConnect.js, models/User.js, app/new/route.ts. app/new/route.ts is the file for the page with the form, from where we will make a POST request. Here is my lib/dbConnect.js file: import…
I want to integrate rank math SEO tool API support for SEO. Following this tutorial, returns full HTML ready head with good metadata and others, but the problem is, how to render it into NextJS 13 head area? Nextjs 13…
I have a homepage that I am trying to import and component into. Using axios I am making the api call on the page.js file in NextJS. I am importing a component; however when I attempt to render that child…
I have a component that contains inside it (as children) content that needs to boost SEO. Here's a snippet of my code: <AnimatedElement className="flex flex-col justify-start items-center gap-4 w-full" duration={500}> <h2 className={montserratBoldFont.className + " font-bold text-4xl text-black text-left"}><span className='text-ac-violet'>Find</span> Us</h2>…
Here is layout.js. I have commented out the export const metadata, doing this makes the deployment to Vercel successful. Without commenting out the metadata, the deployment will fail. "use client"; import "./globals.css"; import { store } from "./store/store"; import {…
I have this function in Next.js 13: async function createTodo(data: FormData) { "use server"; const title = data.get("title")?.valueOf(); if (typeof title !== "string" || title.length === 0) { throw new Error("Invalid title"); } await prisma.todo.create({ data: { title: title, complete:…