Route showing 404 error

Question

Hello. I'm new to next. I am building an application with 3 pages. My home page is rendering correctly, but my about and product pages are showing 404 error. I'm using app router. I've attached screenshot of my folder structure.

Here is the code for my layout.jsx:

import { Inter } from "next/font/google";
import { Roboto } from "next/font/google";
import "./globals.css";

const inter = Inter({ subsets: ["latin"] });
const roboto = Roboto({ subsets: ['cyrillic', 'cyrillic-ext', 'greek', 'greek-ext', 'latin', 'latin-ext', 'vietnamese'], weight: ['100', '300', '400', '500', '700', '900'] })

export const metadata = {
    title: "ZennRenne Autowerke",
    description: "ZennRenne Autowerke",
};

export default function RootLayout({ children, status, navbar, footer }) {
    return (
        <html lang="en">
            <body className={`${roboto.className} tracking-wider bg-bggreen text-white`}>
                {status}
                {navbar}
                {children}
                {footer}
            </body>
        </html>
    );
}

Can't seem to figure out what is wrong. Probably something dumb lol?

Route showing 404 error

0 Replies