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 → muenzpraeger → eleventy-chirpy-blog-template

muenzpraeger / eleventy-chirpy-blog-template

Licence: MIT License
Blog template for 11ty based on Chirpy UX

Programming Languages

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

Labels

rolluptailwindcss11ty-template

Projects that are alternatives of or similar to eleventy-chirpy-blog-template

Sapper Template Firebase
Starter Rollup template for Sapper apps with Firebase functions based on https://github.com/nhristov/sapper-template-rollup.
Stars: ✭ 29 (-21.62%)
Mutual labels:  rollup, tailwindcss
markushatvan.com
Personal website and blog written from scratch with SvelteKit and TailwindCSS.
Stars: ✭ 82 (+121.62%)
Mutual labels:  rollup, tailwindcss
Eleventy Starter
ARCHIVED: An Eleventy starting point with Tailwind and Svelte preconfigured.
Stars: ✭ 118 (+218.92%)
Mutual labels:  rollup, tailwindcss
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (-13.51%)
Mutual labels:  rollup, tailwindcss
Tails Ui
🐒 Clean UI based on tailwindcss
Stars: ✭ 162 (+337.84%)
Mutual labels:  rollup, tailwindcss
parsers
Specify is a central platform for companies who want to unify their brand identity, by connecting their design system tools.
Stars: ✭ 50 (+35.14%)
Mutual labels:  tailwindcss
RailsBooster
Pre-Configured Ruby On Rails Template To Provide Instant Productivity ⚡️
Stars: ✭ 22 (-40.54%)
Mutual labels:  tailwindcss
next.js-tailwindcss-template
Opinionated Next.js and TailwindCSS template.
Stars: ✭ 15 (-59.46%)
Mutual labels:  tailwindcss
stitchwind
A bridge between Tailwind and Stitches
Stars: ✭ 33 (-10.81%)
Mutual labels:  tailwindcss
hugo-starter-tailwind-basic
A basic and simple to set up Hugo with TailwindCSS starter project.
Stars: ✭ 80 (+116.22%)
Mutual labels:  tailwindcss
status-page
Free Status Page Template built with Tailwind CSS
Stars: ✭ 37 (+0%)
Mutual labels:  tailwindcss
top-nuxt3
Full stack Nuxt 3 Template starter with Supabase and Tailwindcss
Stars: ✭ 59 (+59.46%)
Mutual labels:  tailwindcss
laravel-mix-tailwindcss
Tailwind CSS wrapper for Laravel Mix.
Stars: ✭ 43 (+16.22%)
Mutual labels:  tailwindcss
fullstack-template
This is a template repository to get up and running quickly with Vite, React, Jest, Express Docker, and Github Actions for CI/CD.
Stars: ✭ 14 (-62.16%)
Mutual labels:  tailwindcss
termy-the-terminal
Web-based terminal powered by React
Stars: ✭ 43 (+16.22%)
Mutual labels:  rollup
gridsome-starter-liebling
Gridsome starter based on the Liebling theme for Ghost. Content is added via markdown, while Tailwind CSS is used for the layout/styling.
Stars: ✭ 21 (-43.24%)
Mutual labels:  tailwindcss
sveltober
Cybernetically enhanced October applications
Stars: ✭ 19 (-48.65%)
Mutual labels:  tailwindcss
demo-tailwindcss
🎐 TailwindCSS 2 + Oruga demo
Stars: ✭ 15 (-59.46%)
Mutual labels:  tailwindcss
building-realworld-user-interfaces-using-tailwind
Demo of building real-world UIs using TailwindCSS
Stars: ✭ 87 (+135.14%)
Mutual labels:  tailwindcss
db-portfolio
My personal portfolio website.
Stars: ✭ 97 (+162.16%)
Mutual labels:  tailwindcss
View All Similar Projects ➔

eleventy-chirpy-blog-template

Github Workflow Netlify Status

11ty version of the popular Chirpy Jekyll blog theme. Also powers my personal blog. I liked the UX a lot, but not the tech stack, hence I re-built it for myself. Sharing here with everybody, in case you like the same.

You can check out the live version on https://eleventy-chirpy-blog-template.netlify.app.

If you want to deploy, there's a button for it: Deploy to Netlify

Features

  • 💯 on Lighthouse
  • 🔆 and 🌛 mode
  • 🎯 SEO and OpenGraph optimized
  • 🌄 Responsive images optimization
  • 👀 Accessible
  • 🛠 JavaScript and CSS build optimization
  • 👨‍💻 Prism-based syntax highlighting
  • 📚 RSS (yup, still a thing), sitemap.xml, and JSON-LD
  • 🔍 Algolia Search enabled
  • and more

Opinionated setup with Prettier, ESlint, markdownlint and others. UX build with Nunjucks and TailwindCSS. JavaScript bundled with Rollup.

Configuration

All blog configuration is handled via siteconfig.js. Everything is inline documented.

Deployment

All build processes rely on how NODE_ENV is set. For production builds, which then also means minified CSS and JS you've to set the value to production. I mention this explicitly as this is for some vendors not the default.

If you want to speed up your build times a bit you can add the generated images to your git repo. The .gitignore already contains a commented section for that.

Local Development

Before you install dependencies

This repo uses Volta. Get it, and it'll make your node life so much easier.

Instructions

Clone this repository.

git clone https://github.com/muenzpraeger/eleventy-chirpy-blog-template

Change into the cloned directory.

cd eleventy-chirpy-blog-template

Install dependencies. Note, if you prefer npm over yarn make sure to first remove the yarn.lock file, and then run npm install.

yarn install

Start the local development process.

yarn dev

Open the page, usually on http://localhost:8080, and dig around!

Credits

The UX of this template is based on the popular Chirpy template, just with a different tech stack. If you prefer to run Jekyll and Bootstrap, checkout Chirpy here. It's great.

Also big thanks to the the authors of the 11ty High Performance Blog.

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].