フレームワークのサポート
最新の Web サイトは、実際の仕事に適したフレームワークを使用する必要があります
最新の JavaScript および Node.js エコシステム全体で Web サイトを構築および管理できます。 Astro は、ほとんどのコンテンツ主導のビジネス Web サイトの開始点として推奨されますが、アプリケーションを多用するプロジェクトには、別のフレームワークの方が適している可能性があります。
コンテンツファーストの Web フレームワーク
Astro
静的 HTML、強力なパフォーマンス、集中的なインタラクティブ コンポーネントの恩恵を受ける、コンテンツ主導のビジネス Web サイトに推奨される選択肢です。
Astro → をおすすめする理由React フレームワーク
Next.js
React を中心とした製品、認証されたエクスペリエンス、およびより広範なアプリケーション ランタイムを必要とする Web サイト向けの強力なオプションです。
Vue フレームワーク
Nuxt
事前レンダリングされたコンテンツ、サーバー側機能、またはハイブリッド Web サイトとアプリケーション アーキテクチャを必要とする Vue チームに適しています。
Svelte フレームワーク
SvelteKit
Svelte コンポーネント モデルを中心に構築された無駄のないインタラクティブな Web サイトおよびアプリケーションに最適な選択肢です。
React Web フレームワーク
Remix
ルーティング、データ読み込み、フォーム、サーバー レンダリングがすでに Remix 前後で設計されているプロジェクトで可能です。
React サイトフレームワーク
Gatsby
既存の Gatsby Web サイトは、現在のアーキテクチャが適切なままであれば、維持または移行の評価が可能です。
API 主導のアーキテクチャ
Headless builds
headless CMS、コマースプラットフォーム、その他のAPIに接続するフロントエンドを、その分離がプロジェクトに適している場合に構築、サポートします。
Shopifyテーマ技術
Shopify Liquid
Shopifyテーマ、Liquidテンプレート、カスタムセクション、ストアフロントのコンテンツに対応しています。headless Shopifyの構築は別途検討します。
フレームワークの選択
サポートはロゴではなくプロジェクトから始まります
適切なフレームワークは、Web サイトのコンテンツ、統合、対話性、ホスティング要件、および既存のコードによって異なります。構築または移行を推奨する前に、これらのニーズを確認します。サポートされているフレームワークが、すべてのプロジェクトにとって最適な選択であることを意味するわけではありません。
別のフレームワークですか、それとも既存のコードベースですか?
このリストは非公開の互換性マトリックスではありません。他の維持されている JavaScript フレームワーク、静的サイト ジェネレーター、およびカスタム Node.js 実装を評価できます。最も安全なパスを確認する前に、既存のプロジェクトがレビューされます。
サポートには、Node.jsサービス、CMSまたはコマースAPIに接続するheadlessフロントエンド、Liquidを使ったShopifyテーマ開発も含まれます。Headlessはアーキテクチャであり、Liquidはテンプレート言語です。そのため、Node.js frameworksとは呼ばず、個別の実装方法として検討します。
frameworkの基本
web frameworkの仕組み
frameworkとは何ですか?
web frameworkは、開発者がウェブサイトやWebアプリケーションを構築、整理するために使うツール、規約、再利用可能なコードの組み合わせです。ルーティング、ページのレンダリング、データの読み込み、デプロイ構成などの共通処理を担います。適切なframeworkは、ウェブサイトに必要な機能によって異なります。
headlessとは何ですか?
Headlessはframeworkではなく、アーキテクチャです。CMSまたはコマース基盤のバックエンドとウェブサイトのフロントエンドを分離します。コンテンツはAPI経由で提供され、表示や操作はフロントエンドが担います。柔軟性が高まる一方で、連携、ホスティング、保守の作業も増えます。
ウェブサイトから始めましょう
実際に必要なものに基づいたフレームワークの推奨事項を取得します
現在のウェブサイトまたはプロジェクトの概要をお送りください。無料で拘束力のない提案書を作成し、推奨する技術的アプローチについて説明します。
私の無料提案書を入手してください