eleventy contentful js. This displays a new random dataset There are a lot of decisions to make along the way. FaunaDB) or on-page libraries (e. Based on the awesome eleventy-base-blog. I discovered Git, I discovered WordPress, and I made 1,039 commits to the theme, in which I obsessively designed and redesigned the site. Contentful will be used as the headless CMS in which blog posts are stored and managed. Khaled Garbaya is a software developer and active open sorcerer. Headless CMS' let developers manage structured content schemas, fill content forms and deliver content APIs. Bridgetown v0. A cross between the look and feel of a native app, and the convinience of a web site. My choice of framework wouldn't have been WordPress, but at the end the result is the same: building a system to deliver what a static Eleventy. A lot of this will go in the update of the Airtable and Eleventy article, but here are some particulars on the filtering. eleventy-sanity - Eleventy on Sanity forestry-jekyll-githubpages - A test-drive of forestry. js and Contentful app with Vercel in a serverless environment. addCollection. Gatsby portfolio theme integrated with Contentful. training you can learn about the various aspects of this new stack and get more familiar with the technologies and best practices that can be Jason Lengstorf is a developer advocate, senior engineer, and occasional designer at Gatsby. Demo. Abstract. Even if you went with Gatsby, Contentful, and Netlify — some seriously well-baked tools — there are still an abundance of low-level decisions to make. Largest Contentful Paint (LCP) is a measurement of perceived loading experience. Author Wojciech Brunch Themes Eleventy Themes Gatsby Themes Gridsome Themes Hexo Themes Hugo Themes Jekyll eleventy-base-blog: Official: How to build a blog web site with Eleventy. WASM edge logic engine We’ve faithfully replicated our powerful edge logic engine in WebAssembly so you can locally test all the same rules before deploying them to our global So during the current redesign, I considered a JavaScript-based SSG. Unlike other SSGs, 11ty doesn’t depend on any frameworks or dictate specific templating formats. Problem: All modern JS frameworks like React, Vue, Angular are component based frameworks. dev. NET) Basic principles of TDD and continuous integration Gatsby Templates. I work on a variety of projects with different frameworks and environments, not only on the frontend and browsers but also on the server-side, command-line tools, and other environments capable of running JavaScript. I know how to build a basic static website using just HTML, CSS and some JS. MailChimp generate theirs using Middleman. Hugo sadly can’t create pages from data files. From No. How to schedule JAMstack deploys with Netlify and GitHub; Develop, edit & deploy websites entirely in the cloud with the CodeSandbox, Contentful and Netlify trio; Faster static site builds Part 1- Process only what you need; The new era of static sites – how JavaScript powers everything In this tutorial you’ll learn how to integrate Contentful with your Angular 5/6 application. 11ty. Quickly create prototypes and production code for sites and apps that work on any kind of device. It has never been easier to create beautiful web experiences and applications to end users. It even has a performance leaderboard display of all the websites that are built on 11ty. Browse Eleventy themes, starters and templates. So rather than PHP, Eleventy, a JavaScript framework, or any other solution, Phil’s idea is that a service worker (a native browser technology) can save a cache of a site’s header and footer. GraphQL Recipes (V2 The Jamstack is taking over developers by a storm. However there are a couple of conventions and techniques that will make the data easier to access when creating template files. Their approach seemed more bespoke and technical than we needed. The very first time user can start consuming page content. The JAMstack is a web development architecture that utilizes modern tools and practices to make web apps fast, secure, and highly scalable. As a side note, the web and design team at Canonical started using Eleventy for some of our static sites. Test some CMSes and let me know what you love in the comments. These are powerful, but require editors to learn a new content management system. Required: true; The name of the static site generator used in your project to generate a static site. Consider the following: Naming components and their directories. As a side note, the web and design team at Canonical started using Eleventy for some of our static sites. This content can then be used across multiple platform, e. Jamstack Templates. You can use the custom value if none of the allowed values match your SSG. One particular problem DOAP had with the Eleventy-based repo was that the default output directory wasn’t one of the choices which DOAP was expecting, but DOAP also didn’t offer the ability to give it some help in that respect. Pre-rendered/JAMstack (like Gatsby/Eleventy/Hugo) - this seemed to tick all the boxes; Of the pre-rendered options there was really only one contender. No Gmail. Allowed values: gatsby, nextjs, hugo, jekyll, eleventy, gridsome, hexo, nuxt, sapper, vuepress or custom. Unless attributed, words, photographs, and graphics are my own. The example using tags inside Front Matter didn’t work out in my case, because I have no Markdown files. Content strategists recommended Contentful and Webflow, but both seemed overly complex for what we needed. Jekyll, Eleventy, Hugo) Cloud services (ex. On jamstack. Getters in a factory. My starting point for these tends to evolve and, of course, depends on the requirements of the project, but I have a very common basic set of needs and tools that I like to use. It is based on Hylia Starter Kit created by Andy Bell. Deploy your Next. This presentation is about the static site generator Eleventy. Here is 15 of the best Gatsby Templates & Themes to help you get started on your next Gatsby Jamstack site. Worry Stone Diaries No. Content is stored in your Git repository alongside your code for easier versioning, multi-channel publishing, and the option to handle content updates directly in Git. You can fire up the following from within Sanity: Gatsby, Next. Ultimately I decided on Gatsby because I was working on two React projects at that time so this was a natural fit. It marks the point during page load when the primary–or "largest"–content has loaded and is visible to the user. The headless approach allowed them for more complexity on the front-end. Contentful, Dato) and related Jamstack platforms (ex. A starter repository showing how to build a blog with the Eleventy static site generator implementing a wide range of performance best practices. I probably don’t need to care much about databases either. com eleventy-high-performance-blog. An acceptable First Input Delay. LCP is an important complement to First Contentful Paint (FCP) which only captures the very beginning of the loading experience. I knew y’all were good—but wow. Currys PC World have this issue on their category pages, but not on their product pages, so removing the banner is important if we want get comparable measurements between the different page types. Today, hundreds of businesses and brands around the world use Contentful. The pagination object tells Eleventy how to work with the data set: The data property is a reference to my data source (in my case, contentful for /_data/contentful. io/create to get started with a headless Jamstack website deployed on Netlify in minutes: Gatsby Blog, Gatsby Portfolio, Next. Eleventy, or 11ty, is a powerful yet straightforward static site generator. I used the randItem filter from 11ty Rocks to display a “Random Dataset of the Day”. ssgName: jekyll ssgVersion Eleventy, or 11ty, is a wonderful SSG that has a lot in common with Jekyll. Getting Started with Eleventy - A free virtual workshop featuring Joel Varty tomorrow (Nov 11) at noon ET (recording available at same URL after the event). Tatiana Mac A Guide to window. io CMS foundation - The most advanced responsive front-end framework in the world. 11ty-contentful-gallery An example photo gallery made using Contentful and 11ty. This means you are free to copy and redistribute the material in any medium or format, and remix, transform, and build upon the Learnjamstack | Learn how build apps that combine the performance and workflow benefits of static sites with the flexibility and power of server-driven sites. Until recently I've been one of these developers. Meta Tags. Retrieving data from the Content API within an Eleventy project is pretty similar to using the API in a JavaScript application. Build your own Blog from Scratch using Eleventy from filament group How to Host your Static Website with AWS - A Beginner's Guide from freeCodeCamp Hugo Tutorial: How to Build & Host a (Very Fast) Static E-Commerce Site from SnipCart 1. Demo. An integrated part of your Git workflow. Click the Use this template What is a headless CMS? Why should you use it? In this video I discuss my top 10 headless CMS solutions you should check out for your next project. Data lives in Contentful, code lives with GitHub, and that's all the services you need to deploy and host a static site. Get inspired about building your next web project on the modern web architecture. A MEDIAN 98 LIGHTHOUSE PERFORMANCE SCORE. So we opted for the coolest kid in the class right now, Eleventy 🕶 Create an Eleventy website and deploy it live with Vercel. The presenter loves the framework and was mostly doing a high level presentation of the framework. A personally curated collection of design and front-end bookmarks. Data lives in Contentful, code lives with GitHub, and that's all the services you need to deploy and host a static site. Rothy’s. I frequently work in house as part of the team. Structured content is for developers, Stackbit is for editors. The front end utilizes the HTML5UP Solid State theme for layout and styling. Largest contentful paint: 931 mulliseconds. Sanity Studio is a real-time toolkit for creating efficient data-driven content applications. Try out any of these content management systems. He is a course creator, works as an independent web developer and is the co-host of Syntax - a popular web development podcast. Accessible code editing with This is the approach Contentful CMS advocates when they suggest running jekyll contentful before running jekyll build (examples here). Bar chart showing the top-five Jamstack frameworks and whether they have a “good” Largest Contentful Paint experience. 1 s Consider reducing the time spent parsing, compiling and executing JS. 2 I didn’t want to change the test repo’s output directory; other vendors handled it as it was, so I wanted to the-example-app. It has never been easier to create beautiful web experiences and applications to end users. Plus a vault of the best resources for design and development. Ruby on Rails, Laravel, . 4K GitHub stars and 238 GitHub forks and growing! Eleventy dresses every person who aspires to self-improvement with tailored and responsible Italian elegance. Then you can invite your client into the Contentful thing and they still have a nice editing environment to change pages, make new pages, and stuff. He’s an advocate for building highly productive teams through better communication, well designed systems and processes, and healthy work-life balance, and he blogs about that sometimes. Eleventy Image. ) As of initial publication, Sanity, Contentful, Forestry, and Netlify CMS are on my shortlist, with Stackbit on my watch list. 0 International License. Virga — A minimum Eleventy starter kit Virga is a minimum Eleventy starter kit for those who love to customize for your own needs. Gatsby has 52% on desktop but only 36% on mobile, Next. A template for building a simple website with the Eleventy static site generator Jekyll Klise ⭐ 321 🏖 Klisé is a minimalist Jekyll theme for running a personal site or blog, light & dark mode support. Contentful is a content management platform which allows you to structure and manage content in the cloud. And I'm also using it as my blog about Eleventy. An enterprise retailer using Shopify with Contentful and Akeno. env file storing my API key yet, but I suspect it would probably work on a machine where actual environment variables were set The same can be said about headless CMSs such as Contentful and DatoCMS as they ease the move from traditional systems to headless ones. Generate a new repository from this repository template. Smix: hirusi 1,577 Median First Contentful Paint; 1,727 Mean First Contentful Paint; Wow. Partner with clients. training you can learn about the various aspects of this new stack and get more familiar with the technologies and best practices that can be Collaborate and customize. The MailChimp approach. Contentful, Gatsby, Eleventy, Smartling, Wordpress, Git. Within your Contentful space, go to Settings > General Settings and you should see the space ID in a disabled text field. Field-test performance in Largest Contentful Paint, Cumulative Layout Shift, is First Input Delay is very well into the green area of Core Web Vitals given standard server performance. And I realise that with a static website, you'd lose a lot of convenient features that a platform like WordPress could offer. Eleventy (or 11ty) is a Static Site Generator that aims to be a simpler alternative to Jekyl. We’re growing an ecosystem of plugins, tools, custom input components and dashboard widgets for Sanity Studio, in addition to a range of front-end libraries for popular languages and frameworks. js) The size property is how many items I want on each page. But what if you could actually make it even easier: Use a good ol’ traditional CMS as a backend UI, strap a JSON/REST API on top of it, and use your favorite frontend tools to render static HTML to browsers. Created on June 18th 2019. com. 11ty-Contentful-Starter: shyruparel: An Eleventy powered multipage starter project that uses Contentful to create, and manage pages. Even in 2020 many developers are used to spinning up a WordPress (or similar software) for content websites. I studied Gatsby and Eleventy. js & GraphQL ⚡️💚. Click the "Use this template" button Episode 1: Starting A New Gatsby Project And Setup Contentful. location — A breakdown that covers most of the methods and properties available on the DOM’s window. Largest Contentful Paint marks the time at which the largest text or image is painted Minimizes main-thread work 1. 161 of the 200 sites tested 90 or higher on Lighthouse performance tests. Drupal 8 seems to have steepened the already steep learning curve. Beginner's Guide to Eleventy — This is an extensive and down-to-earth multi-part introductory guide to using Eleventy the popular static site generator. I've been always an early adopter of new and exciting web technologies like Gatsby, eleventy and blitzjs. I was willing to develop a website using technology to get done what I could get done without. It's automatically deployed via GitHub Actions and then hosted by GitHub Pages. It is a preferred choice for many web developers and Headless CMS (ex. So I’m curious to see if people will still find a need to have a source plugin for those types of static site generators. Incredible. The presenter loves the framework and was mostly doing a high level presentation of the framework. 1 – Start. Find the perfect place to begin a new Jamstack site. Eleventy (11ty) is a powerful yet simple static site generator. Pelican, Jekyll, and Hugo are probably your best bets out of the 36 options considered. Accessible code editing with In this video, I explore 11ty static site generator to see how much stuff I can with it in just 30 minsource code: https://github. I love to share my #ssg, #development, #jamstack, #eleventy I often find myself making sites as side projects. Or go to sanity. Introducing Microsite v1. How to use Eleventy and Contentful to build a blog, as well as some notes on accessibility considerations for archive pages. io and Contentful. Example Gatsby, BigCommerce and Netlify CMS project meant to jump start Jamstack ecommerce sites. Speed index: 471 milliseconds. This what it will take you to get an 11ty project running: Eleventy stores content in collections. Your info will only be used for comments. Eleventy will make as many pages as necessary to show all the data. This way they met a number of complex requirements for product pages and user experience. Built an e-commerce site with Next. Chris: Yeah, I was thinking, oh, there'd be kind of a fun little excuse to use Contentful, maybe, and then just get all these pages as JSON and then just build on the front-end however you want. eleventy-on-glitch: Official: A playground site for Eleventy on Glitch with live rendered views right on the web! 11ty-Contentful-Photo-Gallery: shyruparel: A Photo Gallery made using Contentful and 11ty, deployed via GitHub Actions and hosted on GitHub Pages. The site’s code will automatically populate as a new folder in your Git repository so you can explore, edit, and update so it works for you. This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4. Eleventy is a simpler static site generator. "Support for unique templates per page" is the primary reason people pick Pelican over the competition. 69k Please star Eleventy on GitHub! This is an easy way to support our underrated project and help boost our rank on both GitHub and jamstack. contentful. Staggering. Given their creative commons licence, it would be possible to clone what they have, adapt it and maintain Meet Wes Bos. I am holding web performance workshops on my education platform devcademy. It has been steadily gaining popularity in recent times, with 8. On September 24th, 2015, I wrote my first article on taniarascia. the same content is consumed by a website and a mobile app. If I had needed more sophisticated searching, with things like fuzzy matching, related content associations, and deep search analytics, I could have used a service like Algolia, who are experts in this sort of thing. Firestore). Eleventy Vercel. js Events page, Sapper Blog, Eleventy Blog. js, Contentful, and Netlify; Build web applications with Angular, Fauna, and Netlify; Create an e-commerce site with Vue, Shopify, and Netlify; Author online docs with Eleventy, Markdown, and Netlify; Launch global campaigns with Gatsby, Sanity, and Netlify; Build a conference site with React, Airtable, and Progressive Web Apps. I recommend having a look if you're not familiar with these CSS properties. (A month after this post’s first draft, Contentful jumped onto my shortlist by increasing free-tier record limits from 5,000 to 25,000. Enter the success of WordPress, Gatsby, Eleventy, Contentful and no-code platforms: their strength lies in empowering a similar client-base as Drupal 7: the non-hardcore developer who wants to create something professional in less time. Asset management with elm-pages (CSS vs. js config file by using config. Google's given us all a six month heads up. com, which was a custom, self-hosted WordPress theme. js is lowest with 31% on desktop and 18% on mobile, Hugo is second best with 85% on desktop and 69% on Real user measurement (RUM) measures precisely what the user feels and how your website performs. It focuses on producing HTML, which reduces complexity and improves performance. g. The Contentful website is available at https://www. Create a new API key by going to Settings > API Keys. my-portfolio:我想建立自己的投资组合,当时我正在学习React,所以此回购是对这项工作的粗略反映。-源码2021-03-26. As mentioned above, we’re considering the baseline being a $200 Android phone (e. FCP (First Contentful Paint): time when some contentful thing (text, image, canvas, or SVG) is painted for the first time). J'affectionne concevoir et développer des applications simples, rapides, efficaces, frugales. org, a giant list of static site generators. And then I guess there are some static site generators that already have their own kind of plugin ecosystem. It’s not that databases aren’t important, it’s just that my dealing with data is likely to happen through APIs. elm-pages showcase Largest Contentful Paint On some pages, and particularly on mobile, parts of the consent banner get detected as the Largest Content Paint. Jade is an open-source framework that makes it simple to deploy and maintain JAMstack applications on AWS cloud infrastructure. ️ WorldPride 2019 (via Canvas United) with Gatsby + Contentful + Netlify ️ Nintendo Xenoblade Chronicles X (via IBM IX) with custom SVG animation This site was built with Eleventy thanks to Zach Leatherman . Netlify, Vercel) Static Website Generators (ex. Looks layer based to me, an Eleventy web page is a layer on top of another layer on top of another layer, and so on. You get performance information and metrics like First Input Delay (FID), Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS). 11ty Starter with Multi-language support, SEO-friendly, GitHub/GitLab … ⭐ 8. js is the lowest with 38% on desktop and 23% on mobile, Nuxt. I started with markdown files, moved to Contentful, finally settling on WordPress. g. Gridsome - Build blazing fast websites for any CMS or data with Vue. It's automatically deployed via GitHub Actions and then hosted by GitHub Pages. 5s and minimize Total Blocking Time and Cumulative Layout Shift. g. Create React App入门 该项目是通过引导的。 Browse The Most Popular 105 Netlify Open Source Projects Build Content Rich Progressive Web Apps with Gatsby and Contentful. Manage web properties. contentful_space_access_token is an API key. Gatsby is a React-based open source framework for creating websites and apps. With Eleventy, consuming data coming from a GraphQL API to generate static pages is as straightforward as using Markdown files. Generate a new repository from this repository template. com/Khaledgarbaya/contentfu New links every day to the latest dev and design. In 2013, Contentful was founded in Germany as a response to monolithic and web-focused CMSes. This presentation is about the static site generator Eleventy. This is a condensed version of an excellent article on Contentful's website for importing data into Eleventy. So I’m really hoping to see an Eleventy plugin coming out fairly soon. Netlify Demo; Getting Started 1. 11ty-contentful-starter An example site made using Contentful and 11ty. js-powered framework for building websites & apps that are fast by default 🚀. This page is powered by a knowledgeable community that helps you make an informed decision. Web performance workshop. I favour partnerships over one-shot projects. js, Nuxt. JAMstack websites (Eleventy, Hugo, Jekyll) Content Management Systems implementations (Craft CMS, Dato CMS, Contentful, Forestry, Netlify CMS) When not freelancing, I teach design and front-end development at IAD in Louvain-La-Neuve. Heroku, AWS, Google Cloud Functions, Azure) Server-side languages & frameworks (ex. Perhaps a data storage tool that is designed to work through APIs (e. Netlify Dev automatically detects common tools like Gatsby, Hugo, Jekyll, React Static, Eleventy, and more, providing a zero-config setup for your local dev server. We read/write to/from Contentful, Sanity (more to come) as well as git repos. is under 100ms–70ms. location object. Open Graph tags. Moto G4) on a slow 3G network, emulated at 400ms RTT and 400kbps transfer speed. Getting Contentful to provide data, rich-text support and site structure took me about 20 minutes without anything more than the standard Contentful Javascript SDK. Perhaps a Headless CMS (e. This website which is using the same template recently ranked #2 on the Eleventy Speed Leaderboard. Took advantage of the burgeoning JAMstack ecosystem to create static Nuxt, Eleventy, and Gatsby sites, creating content with headless WordPress, Contentful, and Sanity, and hosting that content on There are a number of services available to can bring fully featured, rich, search functionality to your sites. Published in April 2020. Gatsby arrives with a gigatonne of unnecessary JS for a site like this. I restarted to build my website with Eleventy. Contentful). Based on the awesome eleventy-base-blog. The Eleventy-based repo did, indeed, First contentful paint: 381 milliseconds. 0. Deploy a template site to Netlify with just one click. g. Then server requests only need to be made for the “guts” while the full HTML document can be created on the fly. Of course you also want to be ensuring that any changes you make don't hurt other parts of your site's performance, or impact user experience. The very my-portfolio:我想建立自己的投资组合,当时我正在学习React,所以此回购是对这项工作的粗略反映。-源码2021-03-26. Climatescape Olivier Livet, Développeur Freelance React/Gatsby/Jamstack. As for adding items to these collections, there are a couple of different approaches to take. In this tutorial we’ll start from scratch building a blog with Gatsby and Contentful. It does not require any config to get started. With Tina, developers can give their teams a contextual and intuitive editing experience without sacrificing code quality. Gridsome is a free & open source Vue. Components in Eleventy. A starter repository for building a blog with the Eleventy static site generator implementing a wide range of performance best practices. Last week I shared a #devsheet covering the CSS width properties min-content, max-content, and fit-content. Watch the getting started video on YouTube. Largest Contentful Paint; First Input Delay; Cumulative Layout Shift; These things can take some time to fix depending on the size and complexity of your site. js, Eleventy and more. Eleventy is a simpler static site generator. An online store for shoes made from recycled plastic developed with headless Shopify and Contentful. Example. Through the use of Netlify Functions, supports a built-in cart and checkout flow (with 50+ payment gateways / methods, advanced tax and shipping providers, etc) that uses the BigCommerce APIs to provide a complete end-to-end shopper experience, without the need for a complex backend or middleware. tinacms by tinacms — Tina is a toolkit for building visual editing into your site. Example Load Balancing with HAProxy on CentOS | Free Online Tutorials on How to configure HAProxy to include host headers; Use Let’s Encrypt certificate in VestaCP | Free Online Tutorials on How to Install Let’s Encrypt Wildcard SSL on CentOS Eleventy has a strong take on website performance. Recent Comments. SOLID Open-Closed Principle. eleventy; javascript; netlify; static-site; website; Your already familiar with this one! I am planning to write up an article/walkthrough soon on how I created this site with Contentful, Eleventy, and Netlify. Oct 30, 2020. Reach more clients without the limitations of an App store at lower development and operational costs Getting Content from Contentful into Eleventy. js Landing Pages, Gridsome Blog, Nuxt. Personally, I haven’t gotten it working smoothly on my local machine with a . Netlify Demo; Getting Started 1. 0! twitter. Published in April 2020 Headless CMS solutions include Sanity. ) Github issue discussing using the Unix Toolchain Philosophy in the context of keeping elm-pages focused on primitive assets for elm apps. The Jamstack is taking over developers by a storm. (Includin Check out a showcase of a variety of Jamstack-drive web properties and examples. Discover the Man and Woman collections. Miayam 11ty Starter Project: miayam: A brutalist 11ty starter project built with as little tooling as possible. Choosing the stack is only the beginning. Read the introduction in the documentation 11ty - A simpler static site generator. SASS,etc. Compared to extending the Gatsby webpack config. I love writing in markdown. Stackbit is the best editing experience for Jamstack sites and doesn't store your content. On jamstack. The Backend CMS. Liquid templating, Markdown source files, data files and other features are all here with many more for you to utilise. Aim for Largest Contentful Paint of under 2. Your Eleventy and WordPress sites can be hosted on Eleventy; StaticSites; Related Articles. The founders at Contentful realized that content was becoming increasingly fast-moving and omnichannel. The many flavours of headless CMSes If you want to add a headless CMS to a JAMstack website, you have the choice between two main approaches: Git-backed or API driven. Eduardo: Well, I’m a big fan of Eleventy. Taking a look at the 11ty leaderboard — over half of the sites submitted have received a perfect score in Lighthouse for either performance or accessibility. Create React App入门 该项目是通过引导的。 . Head over to the repo if you’d like to see it in action. Create a simple Github Pages site [8] Worth doing, just to see how it works -- probably the easiest way to host a site. Eleventy is not component based. Wes Bos is a Full Stack Developer, Speaker and Teacher from Canada. This is the first episode of the six-part “Gatsby And Contentful – The Headless CMS Approach” tutorial. Another way of creating collections is inside the eleventy. Assessed tech stack and identified components to be replaced, simplifying front end development and removing roadblocks. g. nodejs by contentful — Example app for Contentful in node. This blog is proudly built using Eleventy. Since Eleventy only pulls from the API on build, I used Zapier to schedule a daily build at Netlify. 18 “Taylor Street” - The Ruby-based SSG adds a ton of view-engine related features including support for ERB everywhere, link helpers and more i18n support. He speaks multiple languages and is often overheard saying "Bonjour" in HTML Creative Designs Guru - Premium Themes. A web page created with these frameworks is a tree of components. Here’s why. - JAMstack websites (Eleventy, Gridsome, Hugo, Jekyll) - Content Management Systems implementations (Craft CMS, Dato CMS, Contentful, Forestry, Netlify CMS) Although I work on web apps, I must confess I have a soft spot for building publication platforms and content-oriented websites. eleventy-high-performance-blog. eleventy contentful