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

# Introduction

> フレームサンプルを動かしてみよう！

## 1. サンプルを動かす前に

ローカル環境でサンプルを動かす前に、サンプルレームをテストするための準備や、ソースコード管理のためのリモートリポジトリの作成、この後のレッスンでフレームのソースコードを公開するために必要な Vercel アカウントの作成などを行いましょう。<br />

<CardGroup cols={2}>
  <Card title="Packages" icon="cube" href="setup/packages">
    スターターキットでのセットアップ
  </Card>

  <Card title="Repository" icon="github" href="setup/repository">
    リモートリポジトリの作成とプッシュ
  </Card>

  <Card title="Vercel" icon="triangle" iconType="sharp-solid" href="setup/vercel">
    アカウントの作成
  </Card>
</CardGroup>

## 2. 準備が完了したら

フレームをローカルで動かすための準備が完了したら、まずはローカルサーバーを起動してサンプルフレームを動かしてみましょう！

<CardGroup cols={2}>
  <Card title="Server" icon="server" href="startup/server">
    ローカルサーバーを動かしてみよう
  </Card>

  <Card title="Samples" icon="window" href="startup/samples">
    サンプルフレームを動かしてみよう
  </Card>
</CardGroup>