タグ

eleventyに関するusako1124のブックマーク (4)

  • Static Site Generators - Top Open Source SSGs | Jamstack

    Site Generators A List of Static Site Generators for Jamstack Sites

    Static Site Generators - Top Open Source SSGs | Jamstack
  • Eleventy入門(第1回) - 11tyで手早く静的サイトを作成する | 豆蔵デベロッパーサイト

    サイトは開設当初から静的サイトジェネレーター(SSG)としてEleventyを使っています。 もう1年以上使っていますが、特に大きな問題なく運用できています。 そんなEleventyが2023-02-08にv2.0となりました[1]。 ELEVENTY V2.0.0, THE STABLE RELEASE Eleventyはコンテンツ重視の静的サイト作成に大きなアドバンテージを持っていますが、特に日では今ひとつ認知度がないと感じます。 そこで、これまでの運用経験からEleventyの入門シリーズを書いてみようかと思います。 EleventyはNode.jsベースの静的サイトジェネレーターです。 主に以下の特徴があります。 デフォルトでゼロコンフィグ。簡単に導入できる。 複数テンプレート言語をサポートし、各々は併用OK(HTML、マークダウン、Liquid、Nunjucks、etc...

  • 静的サイトジェネレータ 11ty を使いながら説明してみる

    はじめに 静的サイトジェネレータをいろいろ調べているうちに 11ty というものを知り、1 度使ってみました。 その際、日語ドキュメントが少なかったので公式ドキュメントを読んで学んだことをまとめます。 「よし!記事書くか!」となったところ何と 2 週間前にv2.0.0が登場したことを知り、もう一度ドキュメントを読む羽目になりました。 内容が間違っていないかできる限り確かめたつもりですが、間違いがあったらご指摘ください。 11ty とは シンプルな静的サイトジェネレータです。 古くて温もりのある Jekyll の代替というのがコンセプトっぽいです。 2023 年 2 月 26 日時点で Github のスター数は 13,285 個で、Jamstack な SSG の中では 15 番目に多いです。(1 位は Next.js の 97,399 個、因縁の Jekyll は 4 位で 45,69

    静的サイトジェネレータ 11ty を使いながら説明してみる
  • ViteとEleventyで静的サイト構築 | EvoLab.

    先日発表されたThe State of JavaScript 2021では98%の満足度を獲得しエンジニアからの高い注目度がうかがえるViteですが、ビルドツールのため静的なページの生成には別途仕組みが必要になるかと思います。 公式のテンプレートにはVueReactなどがサポートされていますが、これらは学習コストやプロジェクトの要件にもより気軽に導入できるものではないかもしれません。 そこで今回はページの生成に静的サイトジェネレーターのEleventy(以下、11ty)を利用し、Viteの高速な開発体験の恩恵を受けつつ11tyでページを生成するシンプルな静的サイトの開発環境を作ってみたいと思います。 ※11tyについての記事はこちら (バージョンが記事公開時より更新されていますので利用の際は公式ドキュメントをご確認ください) 環境Node.js: v16.12.0 ※Viteの利用には1

    ViteとEleventyで静的サイト構築 | EvoLab.
  • 1