GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → 11ta → 11ta-template

11ta / 11ta-template

Licence: MIT license
Deeply customizable, full-featured, ready to publish blog template built with 11ty, TailwindCSS, & Alpine.js

Programming Languages

Nunjucks
165 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

static-site-generatortemplatewebsitewebpackalpinestatic-sitetemplate-projectjamstackprismjstailwindcssnetlify-templateeleventy-websiteeleventy-theme11tyalpinejs11ty-templateeleventy-template

Projects that are alternatives of or similar to 11ta-template

agilitycms-eleventy-starter-2020
A sample Eleventy starter that uses Agility CMS and aims to be a foundation for building fully static sites using 11ty and Agility CMS.
Stars: ✭ 18 (-81.63%)
Mutual labels:  jamstack, 11ty, 11ty-template
bymattlee-11ty-starter
A starter boilerplate powered by 11ty, Sanity, Gulp, Tailwind CSS, rollup.js, Alpine.js and Highway.
Stars: ✭ 27 (-72.45%)
Mutual labels:  alpine, 11ty, alpinejs
11ty-sass-skeleton
Featuring absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty.
Stars: ✭ 174 (+77.55%)
Mutual labels:  11ty, 11ty-template, eleventy-template
frontenso-11ty-starter
Production-ready 11ty+Gulp+Webpack Starter that features Nunjucks, SASS, TailwindCSS (with JIT complier), and ESNext.
Stars: ✭ 24 (-75.51%)
Mutual labels:  jamstack, 11ty, 11ty-template
smol-11ty-starter
Extremely minimal Eleventy starter to kickstart a simple multi-page site / a nearly opinionless foundation to continue building on.
Stars: ✭ 61 (-37.76%)
Mutual labels:  11ty, 11ty-template, eleventy-template
Portfolio
A Next.js & Material UI portfolio that stylizes markdown files from the GitHub API and Contentful CMS.
Stars: ✭ 18 (-81.63%)
Mutual labels:  static-site, jamstack, prismjs
Fenix
A simple and visual static web server with collaboration features.
Stars: ✭ 1,559 (+1490.82%)
Mutual labels:  static-site, jamstack
Jamstack.org
The official Jamstack site
Stars: ✭ 2,108 (+2051.02%)
Mutual labels:  static-site, jamstack
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (+41.84%)
Mutual labels:  static-site, jamstack
Gridsome Starter Bleda
Gridsome blog starter, built with Tailwind CSS
Stars: ✭ 179 (+82.65%)
Mutual labels:  static-site, jamstack
Eleventy Starter Ghost
A starter template to build websites with Ghost & Eleventy
Stars: ✭ 187 (+90.82%)
Mutual labels:  static-site, jamstack
Statiq.framework
A flexible and extensible static content generation framework for .NET.
Stars: ✭ 251 (+156.12%)
Mutual labels:  static-site, jamstack
Awesome Jamstack
📔 Curated list of resources: books, videos, articles, speaker decks, tools about using the JAMstack (A modern web development architecture for creating fast, secure and dynamic websites)
Stars: ✭ 115 (+17.35%)
Mutual labels:  static-site, jamstack
Jamstack Comments Engine
An example of a comments engine you could add to any JAMstack site hosted on Netlify
Stars: ✭ 112 (+14.29%)
Mutual labels:  static-site, jamstack
Next Js Blog Boilerplate
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Stars: ✭ 134 (+36.73%)
Mutual labels:  static-site, jamstack
Jekyll Netlify Boilerplate
A simple Jekyll template for creating a fast, static website on Netlify
Stars: ✭ 62 (-36.73%)
Mutual labels:  static-site, jamstack
Hugo Boilerplate
A Hugo boilerplate for building modern websites
Stars: ✭ 58 (-40.82%)
Mutual labels:  static-site, jamstack
htmlrecipes
A collection of quick copy HTML snippets for a variety of common scenarios.
Stars: ✭ 113 (+15.31%)
Mutual labels:  eleventy-website, 11ty
ttall
Laravel fronend preset for TTALL stack - Tailwindcss | Turbolinks | Alpine.js | Laravel | Livewire 🚀
Stars: ✭ 50 (-48.98%)
Mutual labels:  alpine, alpinejs
11up
A utility to create an 11ty site scaffold from one of a number of site templates. Mostly just Phil Hawksworth's regular starting points
Stars: ✭ 25 (-74.49%)
Mutual labels:  jamstack, 11ty
View All Similar Projects ➔

11TA - 11ty, TailwindCSS, & Alpine.js Template

Update v2.1, 221018 - It's working again! Greatly simplified. Updated all pkgs and removed those no longer necessary. All original functionality remains. I'll be using this template for several personal sites and so will try to keep it updated with any changes and added functionality I create for those sites.

UPDATE v2.0.0 - Breaking Changes In order to provide scalability and cleaner frontmatter controls in current Posts (and upcoming Products) collections, the Frontmatter keys were updated which required updates to /src/_includes/components/*.njk, tailwind.config.js, and other templates. I apologize for the inconvenience.

I set out to build a starter project template for 11ty that has TailwindCSS and Alpine.js baked in.

Version 1.0.0 morphed into a deeply customizable, full featured, text-based CMS for managing small websites with easy-to-manage configuration files in the /src/_data/ directory.

Netlify Status

Lighthouse Performance Lighthouse Accessibility Lighthouse Best Practices Lighthouse SEO

Live Demo

The live demo at "11ta.netlify.app" provides a feature list, and the evolving blog posts each highlight and provide examples of different features, shortcodes, customizations, and frontmatter controls.

🔥 Credit 🔥

First and foremost, I want to credit the 11ty community, especially those listed in the starter projects!

Specifically, the following starter projects helped me understand the power and flexibility of 11ty and from their examples I was able to extend the functionality to build this system:

Deploy and Host at Netlify Automatically

To automatically deploy this Template to Netlify for free hosting, make sure you're logged in to your Netlify account and then simply click the Deploy to netlify button below.

Deploy to Netlify

Install and Deploy Manually

  • Duplicate this repository by clicking Use this template above
  • Clone the repository locally
  • Run npm install to install dependencies
  • npm run dev to work locally

Planned

  • "Themed" versions for Portfolios/Creatives, Agencies, Digital Gardens, etc.
  • Easy add Collections: Projects, Services, Jobs, etc.
  • Snipcart integration
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].