The JavaScript Site Generator Review, 2023—zachleat.com
It’s time again for every framework author’s favorite: The JavaScript Site Generator Review, February 2023 edition. Here is the list of site generators reviewed in alphabetical order: Astro 2.0.15 Eleventy 2.0.0 Enhance 1.4.6 (added 27 February 2023) Gatsby 5.7.0 Next.js 13.2.1 Nuxt 3.2.2 Remix 1.13.0 SvelteKit 1.8.3 Each example site was created using a fresh run of the Quick Start or Getting Sta
A Complete Guide To Incremental Static Regeneration (ISR) With Next.js — Smashing Magazine
Incremental Static Regeneration (ISR) is a new evolution of the Jamstack, allowing you to update static content instantly without needing a full rebuild of your site. The hybrid approach of Next.js allows you to use ISR for e-commerce, marketing pages, blog posts, ad-backed media, and more. A year ago, Next.js 9.3 released support for Static Site Generation (SSG) making it the first hybrid framewo
Eleventy Guide: A Framework-Agnostic Static Site Generator
Eleventy (or 11ty) is a Node.js static site generator (SSG). SSGs do most rendering work at build time to create a set of static HTML, CSS, and JavaScript files. The resulting pages need not have server-side dependencies such as runtimes or databases. This leads to several key benefits: hosting is simple: you’re serving HTML files systems are secure: there’s nothing to hack performance can be grea
静的なHTMLのためのコンポーネント駆動開発―その導入を振り返って
ここ数年で、「デザインシステム」はウェブ開発やデザインのコミュニティでとても人気の話題になりました。そして「コンポーネント」として定義される一連のデザイン成果物を開発・メンテナンスするために、StyleguidistやStorybookといったツールが多くのプロジェクトで一般的に使われています。このプロセスはデザインシステムという概念の一部として、コンポーネント駆動開発（Component Driven Development）と定義することができるでしょう。 さて、コンポーネント駆動開発にまつわる資料のほとんどは、ReactやVue、Angularといった、フロントエンドのビューのためのメジャーなライブラリを利用することについてのものです。しかしもっとトラディショナルな技術スタックの場合はどうすればいいでしょう？ 例えば私たちスタンダードデザインユニットでは、静的なHTMLとCSSのアセ
11ty(eleventy)で静的サイト構築
Githubの★の数などで静的サイトジェネレーターを比較できる StaticGenを見ていたら、Nunjucksが使える 11ty(eleventy)というのを見つけました。 そういうわけでオオコシです。 静的サイトジェネレーターというと Jekyll や Hexo などが有名かと思うんですが、11tyは Google Open Source Award にも選ばれており、テンプレートは Nunjucks だけでなく Liquid / PUG / Mustache / Handlebars / EJS / HAML / JavaScript Template Literals、もちろんHTMLやMarkdown が使えるので、例えば Nunjucks やめて PUG 使いたい！っていうケースにも対応できるし、A simpler static site generator. って書いてあるし
Gatsbyはどうやって静的サイトをジェネレートしているのか
GatsbyはReactベースの静的サイトジェネレーターです。 生成される静的サイトはシングルページアプリケーションでもあるため、優れたUXをユーザーに提供できます。 GatsbyはReactの公式サイトを始め、多くのサイトで採用されています。 弊社でもいくつかのGatsby案件が進行中です 😎 また、Gatsbyのユニークな特長として、静的サイトのリソースのデータ取得にGraphQLを使っているというところがあります。 ローカルのMarkdownファイルやContentful・WordPressといった外部CMSのWebAPIをデータソースとして、GraphQLを通じて一元的に扱うことができます。 ページごとに必要なデータをGraphQLのクエリを一発投げて取るだけになるので実装がクリアになります。 例えばこのような感じです。 しかし、GraphQLを使うということはSchemaを定義
VuePress
Simplicity First Minimal setup with markdown-centered project structure helps you focus on writing. Vue-Powered Enjoy the dev experience of Vue + webpack, use Vue components in markdown, and develop custom themes with Vue. Performant VuePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.
Building A Static Site With Components Using Nunjucks — Smashing Magazine
Even if you don’t use any client-side JavaScript at all to build a site, it doesn’t mean you have to give up on the idea of building with components. Learn how to build a static site with the help of an HTML preprocessor. In this article, Chris Coyier will take a walk through a site he built recently using this technique. He used CodePen Projects to build it, which offers Nunjucks as a preprocesso
What Really Makes A Static Site Generator? | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I talk a lot about static site generators, but always about using static site generators. In most cases, it may seem like a black box. I create a template and some Markdown and out comes a fully formed HTML page. Magic! But what exactly is a static site generator? What goes on inside that bl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
web.dev engineering blog #1: How we build the site and use Web Components | Articles
GitHub - 11ty/eleventy-base-blog: A starter repository for a blog web site using the Eleventy static site generator.