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)ã§é™çš„サイト構築 | æ ªå¼ä¼šç¤¾ エヴォワークス -EVOWORX-
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を使ã£ã¦ã„ã‚‹ã¨ã„ã†ã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚
Home
Simplicity FirstMinimal setup with markdown-centered project structure helps you focus on writing. Vue-PoweredEnjoy the dev experience of Vue, use Vue components in markdown, and develop custom themes with Vue. PerformantVuePress 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.
{{#tags}}- {{label}}
{{/tags}}