Hi @honest garnet. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
#Doubt about ssg
summer swanBOT
Based on the code you've provided, it seems like you're using Next.js's Server Components feature. This is indicated by the 'use server' directive at the top of your function.
In Next.js, Server Components are rendered on the server and sent to the client as HTML. This means that the initial page load will be static HTML. However, it's important to note that Server Components are not the same as Static Site Generation (SSG).
With SSG, pages are pre-rendered at build time and served as static HTML for every request. This is different from Server Components, which are rendered on the server for each request.
If you want to use SSG, you would need to use Next.js's getStaticProps function to fetch the data at build time. However, based on the code you've provided, it doesn't look like you're using getStaticProps, so this page would not be a static HTML page at build time.
For more information on the different rendering methods in Next.js, you can refer to the Next.js documentation (https://nextjs.org/docs/pages/building-your-application/rendering/client-side-rendering#next-steps).
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
honest garnet
@summer swan im using the app router
summer swanBOT
Let me check the knowledge base for you. One moment! :books:
If you're using the App Router in Next.js, it's important to note that by default, components inside the app directory are React Server Components (https://nextjs.org/docs/app/building-your-application/rendering/server-components). This means they are rendered on the server and sent to the client as HTML, similar to Server-Side Rendering (SSR).
However, this doesn't mean the page is static HTML at build time, like in Static Site Generation (SSG). The page is dynamically rendered for each request. If you want to pre-render pages as static HTML at build time, you would typically use Next.js's getStaticProps function, but this is not available with the App Router.
The App Router is a new feature introduced in Next.js 13, and it's designed to work with React's latest features, such as Server Components and Streaming. It's a natural evolution of the existing file-system based router in the Pages Router, and it's recommended for new applications. For existing applications, you can incrementally adopt the App Router.