Static Site Generation (SSG)

Popis

SSG generuje HTML počas buildu aplikácie. Výsledkom sú statické súbory, ktoré môžu byť okamžite doručené používateľovi cez CDN. Je to ideálne pre blogy, dokumentáciu alebo marketingové stránky, kde sa obsah nemení často.

Funkčná ukážka (Demo)

Prečo je Next.js skvelý pre Azure

2024-10-20

Azure Static Web Apps ponúka natívnu podporu pre Next.js...

Optimalizácia výkonu v App Router

2024-10-18

Nové paradigma App Router prináša lepšiu granuláciu...

Budúcnosť Server Components

2024-10-15

React Server Components menia spôsob, akým premýšľame o dátach...

Ukážka kódu

// app/ssg/page.tsx
// Táto stránka je štandardne statická (SSG) v Next.js App Router

async function getArticles() {
  // Dáta by mohli byť z lokálneho JSONu alebo CMS
  return [
    { id: "1", title: "...", excerpt: "...", date: "..." },
    // ...
  ];
}

export default async function SSGPage() {
  const articles = await getArticles();
  
  return (
    <div className="grid gap-4">
      {articles.map(article => (
        <article key={article.id} className="p-4 border rounded-lg">
          <h3>{article.title}</h3>
          <p>{article.excerpt}</p>
        </article>
      ))}
    </div>
  );
}