I’ve got a small problem:

I am working on a Next.js project and trying to set dynamic metadata for different pages. I want my homepage title to show as Home | My Website, but it’s only showing Home. Here’s how I configured the metadata for the layout and the homepage:

Below are two component for app created in Next.js 14 and Shadcn UI.
Below are two component.

I have created a documentation site with nextra docs theme which consist of multipal mdx pages No i need to add authentication in my site?
below is my project structure: –
|
|_app
|
|pages
| _meta.json and all the mdx pages
|_public
|
|_middleware.js
|
|next.config,mjs
|
| theme.config.jsx

I want to divide childrens by their props.

it raises this error
Error
here is the Layout.tsx

I am using this in my next js app according to the mentioned documentation but it’s not working. (not give an error but nothing happens when clicking to image)

I followed the NextJS tutorial a while ago back when it used useFormState instead of useActionState which React has since renamed to. As far as I can tell, it’s only been a name change and the syntax is the same.

I’m following the next.js tutorial at https://nextjs.org/learn/dashboard-app

I have an async function that makes a call to the backend and I want to it to return axios error message. Then I can list the messages in the form.