利用して、ブログを作成する手順を紹介します。具体的には、Newtで管理しているコンテンツの一覧ページと詳細ページを作る手順を紹介します。以上が必要となります。概要SvelteKitでプロジェクトを作成し、Newtのコンテンツ情報を取得できるようにします。/articles/:slug。/articles/article-1)を作成し、ローカル環境で表示を行うまでを説明します。Generation)の方法を紹介します。SvelteKitのセットアップはじめに、SvelteKitのセットアップを行います。利用することで、簡単にSvelteKitのプロジェクトを作成できます。以下のコマンドを入力します。svelte@latestコマンドを入力すると、以下の質問を聞かれるので、お好きな設定を選びましょう。選択)以下のように表示されます。https://github.com/sveltejs/prettier-plugin-svelte#options作成したプロジェクトに移動して、開発サーバーを立ち上げます。アクセスして、以下のような画面が表示されることを確認します。Newtのセットアップ次にNewtにコンテンツとAPIトークンを用意し、コンテンツの取得を行うための準備を行います。Appを追加する「Appを追加」をクリックして「テンプレートから追加」を選択します。表示されるテンプレートの中から「Blog」を選択して、「このテンプレートを追加」をクリックします。テンプレートが追加されると、「投稿データ」「タグデータ」「著者データ」が追加されます。UID・モデルUIDを確認するスペースUIDは「スペース設定」から確認できます。この値は3-1で環境変数として定義します。これらの値は、4-3や5-1で投稿情報を取得する際に利用します。Tokenを作成する続いて、APIリクエストに必要なトークンを発行します。Tokenを作成します。名前と取得対象を決めて「作成」を押します。ここで作成したトークンの値は3-1で環境変数として定義します。利用することで、NewtのAPIをより簡単に利用できます。ここではSDKを利用して、NewtのAPIクライアントを作成します。ファイルから読み込めます。ファイルを作成し、2-2で確認したスペースUID、2-3で作成したトークンの値を定義します。以下を、実際の値で置き換えて定義してください。.env1NEWT_SPACE_UID=sample-for-docs2NEWT_CDN_API_TOKEN=xxxxxxxxxxxxxxx上記のように定義しておくと、以下のような形で利用できます。これらの環境変数がビルド時に解決され、静的に置き換えられることを示しています。