サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
ノーベル賞
docs.astro.build
AWSは、Astroサイトのデプロイに使用できる、機能豊富なウェブアプリホスティングプラットフォームです。 プロジェクトをAWSにデプロイするには、AWSコンソールを使用する必要があります。(これらのアクションのほとんどは、AWS CLIを使用しても実行できます)。このガイドでは、AWSにサイトをデプロイする手順を最も基本的な方法から説明します。その後、コスト効率とパフォーマンスを向上させるための追加サービスをデモンストレーションします。 AWS Amplifyは、フロントエンドのWebおよびモバイル開発者が、AWS上で迅速かつ容易にフルスタックアプリケーションを構築できるようにするという目的のために設計されたツールと機能のセットです。 新しいAmplify Hostingプロジェクトを作成します。 リポジトリをAmplifyに接続します。 ビルド出力ディレクトリ baseDirector
Learn Astro with James Q Quick Build your first site with 35 interactive Scrimba lessons Get 20% off Astro DB is a fully-managed SQL database designed for the Astro ecosystem. Develop locally in Astro and deploy to any libSQL-compatible database. Astro DB is a complete solution to configuring, developing, and querying your data. A local database is created in .astro/content.db whenever you run ast
Astroでは、オプトイン式ページ単位のビュートランジションを数行のコードで実現できます。ビュートランジションは、ブラウザがナビゲーション時に通常おこなうページ全体の更新なしでページコンテンツを更新し、ページ間のシームレスなアニメーションを提供します。 Astroは、単一のページの<head>に追加可能な<ClientRouter />ルーティングコンポーネントを提供しており、これにより別ページへの遷移を制御できます。このコンポーネントは軽量なクライアントサイドルーターを提供し、ナビゲーションをインターセプトしてページ間の遷移をカスタマイズできるようにします。 このコンポーネントを共通のヘッドやレイアウトなど再利用可能な.astroコンポーネントに追加すると、サイト全体でのアニメーション付きのページ遷移（SPAモード）が可能になります。 Astroのビュートランジションは新しいView T
Learn Astro with James Q Quick Build your first site with 35 interactive Scrimba lessons Get 20% off Astroのウェブサイトを アイランドアーキテクチャ / パーシャルハイドレーション で構築する際に、 「コンポーネント間で状態を共有したい」 という問題に直面することがあります。 ReactやVueなどのUIフレームワークは、他のコンポーネントなどの 「コンテキスト」プロバイダー の利用を奨励する場合があります。 ただし、AstroやMarkdown内で コンポーネントを部分的にハイドレート する場合、これらのコンテキスト ラッパーを使用することはできません。 Astroは、クライアント側の共有ストレージに別のソリューション (Nano Stores) を推奨しています。 Nano Sto
Astroは、ブログやマーケティング、eコマースなど、コンテンツ駆動のウェブサイトを作成するためのウェブフレームワークです。Astroは、新しいフロントエンドアーキテクチャを開拓し、他のフレームワークと比較してJavaScriptのオーバーヘッドと複雑さを低減することで知られています。高速でSEOに優れたウェブサイトが必要なら、Astroが最適です。 Astroはオールインワンのウェブフレームワークです。 Astroには、ウェブサイトを作成するために必要なすべてが組み込まれています。また、さまざまなインテグレーションやAPIフック (EN)があり、プロジェクトを自分のユースケースやニーズに合わせてカスタマイズできます。 特筆すべき点は以下の通りです。 アイランド: コンテンツ駆動のウェブサイトに最適化されたコンポーネントベースのウェブアーキテクチャです。 自由なUI: React、Prea
Learn Astro with James Q Quick Build your first site with 35 interactive Scrimba lessons Get 20% off Astroはアイランドアーキテクチャと呼ばれる新しいフロントエンドアーキテクチャパターンを提唱し、普及させました。アイランドアーキテクチャでは、ページの大部分を高速な静的HTMLとしてレンダリングし、インタラクティブ性やパーソナライズが必要な箇所に小さなJavaScriptの”アイランド”を追加します（たとえば、画像カルーセルなど）。これにより、多くのモダンJavaScriptフレームワークで問題となる巨大なJavaScriptペイロードによるレスポンス低下を防げます。 ”コンポーネントアイランド”という用語は、2019年にEtsyのフロントエンドアーキテクトKatie Sylor-Mill
Astroは、パフォーマンス、シンプルさ、求める機能の多くがフレームワークに組み込まれていることなど、多くの利点を備えています。サイトを拡張する必要がある場合には、Astroが提供する複数の公式およびサードパーティコミュニティのインテグレーションを利用できます。 移行はそれほど難しくはないかもしれません！ プロジェクトによっては、以下の既存の資産を利用できる可能性があります。 Astroで直接利用できるUIフレームワークコンポーネント。 Tailwindを含む、CSSスタイルシートやライブラリ。 既存のremarkおよびrehypeプラグインを使用して設定されたMarkdownやMDXファイル。 インテグレーションまたはAPIを介したCMSのコンテンツ。
ブログやポートフォリオ、ドキュメント、ランディングページ、SaaS、マーケティング、ECサイトなどに対応したAstroのスターターテーマを探索してみましょう！
このページを最初にブックマークしてみませんか？
『https://docs.astro.build/』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
