Static Site Generation
This page was generated during the build process. When you visit it, you are receiving a pre-built HTML file from the CDN, making it incredibly fast. This is the foundation of the Jamstack approach.
Strategy Details
Generated at build time. For static content that doesn't change often, like landing pages or blog posts.
Hydration Logic
Pre-rendered HTML is sent to the client, then React 'hydrates' it to enable full interactivity.
Essence Mascara Lash Princess
The Essence Mascara Lash Princess is a popular mascara known for its volumizing and lengthening effects. Achieve dramatic lashes with this long-lasting and cruelty-free formula.
Eyeshadow Palette with Mirror
The Eyeshadow Palette with Mirror offers a versatile range of eyeshadow shades for creating stunning eye looks. With a built-in mirror, it's convenient for on-the-go makeup application.
Powder Canister
The Powder Canister is a finely milled setting powder designed to set makeup and control shine. With a lightweight and translucent formula, it provides a smooth and matte finish.
Red Lipstick
The Red Lipstick is a classic and bold choice for adding a pop of color to your lips. With a creamy and pigmented formula, it provides a vibrant and long-lasting finish.
Red Nail Polish
The Red Nail Polish offers a rich and glossy red hue for vibrant and polished nails. With a quick-drying formula, it provides a salon-quality finish at home.
Calvin Klein CK One
CK One by Calvin Klein is a classic unisex fragrance, known for its fresh and clean scent. It's a versatile fragrance suitable for everyday wear.
Chanel Coco Noir Eau De
Coco Noir by Chanel is an elegant and mysterious fragrance, featuring notes of grapefruit, rose, and sandalwood. Perfect for evening occasions.
Dior J'adore
J'adore by Dior is a luxurious and floral fragrance, known for its blend of ylang-ylang, rose, and jasmine. It embodies femininity and sophistication.
1Normal Pages
Standard pages like /about or /contact are automatically generated as static HTML files during the build process if they don't use dynamic functions like cookies() or headers().
2Dynamic ID Pages
For dynamic routes like /blog/[id], use generateStaticParams. This tells Next.js which specific IDs to pre-render at build time, ensuring those pages load instantly like static ones.
The generateStaticParams Pattern (Dynamic SSG)
// src/app/blog/[id]/page.tsx
export async function generateStaticParams() {
const posts = await fetch('https://api.com/posts').then(res => res.json());
// Next.js will build ALL these pages at Build Time
return posts.map((post) => ({
id: post.id.toString(),
}));
}