SAPPER,Jamstackアプリケーションのためのフレームワーク

1844 ワード

dohackathon jamstack sapper テキストリンク

よし、何が重要ですか?
サパーは、次の/Nuxtの反応のような/Vueのsvelteのコンパニオンフレームワークです.

Jamstack ?
JavaScript APIとマークアップは、構築、維持、スケールが容易なアーキテクチャです.

dev API
devは素晴らしいですが、まだ改善の余地がたくさんあります.

Sapperから始める
これは、docs頭のデフォルトのスターターテンプレートをSapperのサイトに取得する標準的な方法です.

# for Rollup
npx degit "sveltejs/sapper-template#rollup" my-app
# for webpack
npx degit "sveltejs/sapper-template#webpack" my-app
cd my-app

npm install
npm run dev & open http://localhost:3000

今我々はアプリケーションを構築を開始することができますJamstackアプリケーションを作るためのすべての材料を得たが、最初に、これはSAPPERディレクトリの解剖学です

src
├───components
│       Nav.svelte
└───routes
    │   about.svelte
    │   index.svelte
    │   _error.svelte
    │   _layout.svelte
    └───blog
            index.json.js
            index.svelte
            [slug].json.js
            [slug].svelte
            _posts.js

ほとんどの作業はsrcフォルダ内で行われます.次の部分には、dev APIからブログを取得する方法の詳細があります.

略語、SvelteKitが出ており、同じことがSveletKitを使用して作ることができます

Reference

この問題について(SAPPER,Jamstackアプリケーションのためのフレームワーク), 我々は、より多くの情報をここで見つけました https://dev.to/shriji/sapper-a-framework-for-jamstack-applications-part-1-203n

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

AEMビルド時間を高速化

セブンセグメントサーチ