jamstack.org
1.0.0
これは https://jamstack.org のリポジトリです
このアーキテクチャ モデルについて学習するためのエントリ ポイント。 Jamstack とは何かを学び、ツール、ヒント、例、記事を共有するための場所です。ここは、地元のコミュニティの集会を見つけたり、独自の集会を始める際のサポートを求めたりする場所でもあります。
Jamstack に関するビデオ、プレゼンテーション、記事、その他の学習リソースを集めました。そのリソースのプールにコンテンツを投稿できます。
プル リクエストとして送信された投稿を受け付けます。
リソースへのリンクを投稿するには:
src/site/resourcesフォルダーに、一意でわかりやすい名前を付けて新しい md ファイルを作成します。以下に示す構造に従ってそのファイルを作成します。src/site/img/cmsフォルダーに追加します。 (画像は幅600ピクセル、高さ400ピクセルのJPEGでなければなりません)リソースMDリファレンス:
---
title : Resource title
date : Publish date (YYYY-MM-DD)
link : the URL of this resource
thumbnailurl : /img/cms/resources/resource-thumbnail.jpg
type :
- article (Help us group and sort the resources by type article|video|presentation)
---プル リクエストを送信する前、またはコードやコンテンツの変更を提案/貢献する前に、ローカル ビルドで変更をプレビューすることが賢明です。私たちは、ローカル ビルドの実行プロセスを可能な限り短くするよう努めてきました。
# Clone this repository to your local environment
git clone [email protected]:jamstack/jamstack.org.git
# move in to your local site folder
cd jamstack.org
# install the dependencies
npm install
# run the build and dev server locally
npm startこのサイトは TailwindCSS を使用してユーティリティ CSS クラスを提供し、サイトのスタイルを迅速に設定する手段を提供します。これは、追加の CSS を記述しなくても、ほとんどのスタイル設定を実行できることを意味します。代わりに、ユーティリティ クラスを HTML に直接追加できます。これにより、非常に迅速な開発が可能になるだけでなく、この方法での作業に慣れている人にとっては驚くほどの親しみやすさが得られます (規約やクラスがサイトごとにないため)。
ローカルでの実行/開発中に、 npm run startコマンドにより、Tailwind からの CSS パイプラインを含むサイトが生成されます。
反復クラスまたはグローバル クラスの効率性を高めるために、少数のカスタム CSS ルールが提供されています。これらはsrc/css/tailwind.cssにありますが、ほとんどのスタイル設定は Tailwind のユーティリティ クラスを介して HTML 内で行われるため、使用は控えめにする必要があります。
運用ビルド中に、CSS パイプラインには、未使用の CSS ステートメントをすべて削除し、結果の CSS を圧縮するステップが含まれます。開発効率を高めるため、この手順は、 npm run startコマンドによるローカル開発中には実行されません。次のコマンドを実行すると、最適化された運用ビルドをプレビューできます。
# Run a production build
npm run build
# Serve the build locally
npm run startこのリポジトリを複製して独自のテスト サイトとしてブートストラップし、下のボタンをクリックして Netlify 上の CI/CD ビルド パイプラインを完成させることができます。 (無料の GitHub および Netlify アカウントが必要です)
