Generate static HTML pages at build time for optimal performance and SEO
This page is generated at build time, with data from API calls during the build.
Deep dive into the latest features and improvements of Next.js 15.
New features and best practices of TypeScript 5.0.
Understanding how React Server Components work.
npm run build, this page is already generated// app/blog/page.tsx
export default async function BlogPage() {
// Use async/await directly in the component
const posts = await fetch('https://api.example.com/posts')
.then(res => res.json());
return <div>{/* Render data */}</div>
}2. Build the project:npm run build # Data fetching and static page generation occurs3. View the result:
npm run start # Start production server to view static pages
After completing the experiment, view the page source (right-click → View Page Source) and compare the HTML content differences between SSG and CSR to understand how they work.