> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shipkit.app/llms.txt
> Use this file to discover all available pages before exploring further.

# FAQs

<img src="https://mintcdn.com/shipkit/HuQd_kWdB4hOr_Br/images/faqs.png?fit=max&auto=format&n=HuQd_kWdB4hOr_Br&q=85&s=3fbfb62261eb023af4dc317bfdf490bd" alt="FAQs" width="2400" height="1670" data-path="images/faqs.png" />

## Usage

<Tabs>
  <Tab title="Astro">
    ```tsx theme={null}
    ---
    import { FAQs } from '~/components';
    ---

    <FAQs client:load />
    ```
  </Tab>

  <Tab title="Next.js">
    ```tsx theme={null}
    import { FAQs } from '~/components';

    export default async function Page() {
      return <FAQs />;
    }
    ```
  </Tab>
</Tabs>

## Content

To update the FAQs, edit `src/config/faq.ts`.

```typescript theme={null}
export const faqs = [
  {
    question: 'What do I get with ShipKit?',
    answer:
      '- TypeScript boilerplates based on Astro and Next.js<br/>...',
  },
  ...
];
```

## FAQ Type

<ResponseField name="question" type="string" required>
  The question of the FAQ.
</ResponseField>

<ResponseField name="answer" type="string" required>
  The answer of the FAQ. Can include HTML.
</ResponseField>