Incremental build failed, new content (page) throw 404

[yudyananda]

Hi, i have i have dynamic pages /shop/[slug].js which build statically using getStaticProps

// [slug].js

const ProductPage = ({product}) => {

    const router = useRouter()
 
    return(
        <Layout>
            <SingleProductBlock product={product} />
        </Layout>
    )
}

export const getStaticProps = async ({params}) => {

    const id = params.slug

    const result = await client.query({
        query: PRODUCT_BY_SLUG_QUERY,
        variables: { id }
    })
    
    return {
        props: {
            product: result.data.product
        },
        revalidate: 10
    };
}


export async function getStaticPaths() {

    const allProducts = await client.query({
        query: PRODUCTS_HOMEPAGE,
    })

    const paths = allProducts.data.products.edges.map((product) => ({
        params: {
            slug: product.node.slug
        },
    }))
    
    return {
        paths,
        fallback: false
    }
}

export default ProductPage

my question is should i rebuild the entire content everytime i add new one for the above page? if i have not mistaken the incremental build in next.js should add new page (on the fly) without me have to rebuild from the start.

If it's correct then why every link that leads to the new page throw me to the 404?

[timneutkens]

You're not using fallback: true, which handles newly added pages: https://nextjs.org/docs/basic-features/data-fetching#fallback-true

[yudyananda]

silly me, the incremental build is working now after change the fallback value true

const ProductPage = ({product}) => {

    const router = useRouter()

    if (router.isFallback) {
        return (
            <Layout>
                Loading ...
            </Layout>
        )
    }
    
    return(
        <Layout>
            ...
        </Layout>
    )
}

export const getStaticProps = async ({params}) => {

    ...
}

export async function getStaticPaths() {

    ...
    
    return {
        paths,
        fallback: true,
    }
}

thank you