What's wrong with my Next.JS app build time?

Question

I've made simple static e-commerce app with Next.JS. For my product pages I fetch some strings of data (very little). When I build my app then receive ambiguous result output with yellow and red times in ms (pin a pic below).

My code, for example for each product page is very simple (pinned below).

import { useContext } from 'react';
import { useRouter } from 'next/router';
import Link from 'next/link';

import { CartContext } from '@/contexts/cart/context';
import { addToCart } from '@/contexts/cart/actions';
// import for direct access to DB (see SSG funcs)
import dbConnect from '@/lib/dbConnect';
import ProductModel from '@/db/models/product';

export default function Product({ product }) {
    const router = useRouter();
    const { state, dispatch } = useContext(CartContext); // get global cart state
    const { cart } = state; // get only cart from state
    // show `loader` if page isn't pre-rendered
    if (router.isFallback) {
        return <div>Loading...</div>;
    }
    const { _id, item, price, features, skus } = product; // separate product object
    // short product obj for adding to cart (with selected sku *in future*)
    const newCartItem = {
        _id,
        item,
        price: price.base, // add only price value
        sku: skus[0].sku,
    };

    return (
        <>
            <h1>{item}</h1>
            <p>{price.base}</p>
            {features.map((_feature) => (
                <p key={features.indexOf(_feature)}>{_feature}</p>
            ))}
            <p>QTY: {skus[0].qtyInStock}</p>
            <button onClick={() => dispatch(addToCart(newCartItem, cart))}>
                Add to cart
            </button>
            <Link href='/cart'>Cart</Link>
        </>
    );
}

// NOTE: getStaticProps/getStaticPaths needs direct access to DB cause API Routes gql endpoint isn't available during build process

// pre-render pages for all products in db
export async function getStaticPaths() {
    await dbConnect(); // connect to DB
    const products = await ProductModel.find({}, { slug: 1 }); // get all products (only slug field)
    // make array of product pages (page slugs)
    const paths = products.map((_product) => {
        return {
            params: { slug: _product.slug.toString() }, // ObjectID to String
        };
    });

    // `fallback: true` shows loading if page isn't pre-rendered
    return { paths, fallback: true };
}

// get data for each product page
export async function getStaticProps({ params }) {
    await dbConnect(); // connect to DB
    const { slug } = params; // get slug of page
    // get product by certain slug (return only needs fields)
    const product = await ProductModel.findOne(
        { slug },
        { price: 1, features: 1, item: 1, drop: 1, skus: 1 }
    ).lean(); // lean skip hydrating (document type) the result documents
    // return `Not Found` page if there isn't data (needed if `fallback: true`)
    if (!product) {
        return {
            notFound: true,
        };
    }
    product._id = await product._id.toString(); // ObjectId to String

    // revalidate set the time (in sec) of re-generate page (it imitate SSR)
    return { props: { product }, revalidate: 300 };
}

Why received times seems like so bad? Need I fix something or all is okay? In previous versions of next.js there aren't such time marks.