Examples
Cards

こういうカードを作る

Owning a cat can reduce the risk of stroke and heart attack by a third.Most cats are lactose intolerant, and milk can cause painful stomach cramps and diarrhea. It's best to forego the milk and just give your cat the standard: clean, cool drinking water.Domestic cats spend about 70 percent of the day sleeping and 15 percent of the day grooming.The frequency of a domestic cat's purr is the same at which muscles and bones repair themselves.Cats are the most popular pet in the United States: There are 88 million pet cats and 74 million dogs.
import {useSSG} from 'nextra/ssg'
import {Card, Cards} from "nextra-theme-docs";
 
export const getStaticProps = () => {
    return fetch('https://cat-fact.herokuapp.com/facts')
        .then(res => res.json())
        .then(catFacts => ({props: {ssg: catFacts.slice(0, 5)}, revalidate: 10}));
}
 
export const CatFactCards = () =>
    <Cards>
        {useSSG().map(catFact => <Card title={catFact.text}/>)}
    </Cards>
 
## こういうカードを作る
<CatFactCards/>
IntroduceSteps