All Projects → brycewray → eleventy_solo_starter_njk

brycewray / eleventy_solo_starter_njk

Licence: MIT License
Further development suspended as of 2021-09-11. Please refer instead to https://www.11ty.dev/docs/starter/ for a wide selection of other Eleventy starter sets.

Programming Languages

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

Projects that are alternatives of or similar to eleventy solo starter njk

frontenso-11ty-starter
Production-ready 11ty+Gulp+Webpack Starter that features Nunjucks, SASS, TailwindCSS (with JIT complier), and ESNext.
Stars: ✭ 24 (+9.09%)
Mutual labels:  starter-template, tailwind, eleventy, 11ty
tailpress
A Tailwind CSS enabled Underscores theme
Stars: ✭ 60 (+172.73%)
Mutual labels:  postcss, jit, tailwindcss
Awesome Tailwindcss
😎 Awesome things related to Tailwind CSS
Stars: ✭ 7,791 (+35313.64%)
Mutual labels:  postcss, tailwind, tailwindcss
hugo-starter-tailwind-basic
A basic and simple to set up Hugo with TailwindCSS starter project.
Stars: ✭ 80 (+263.64%)
Mutual labels:  postcss, tailwind, tailwindcss
eleventy-plugin-cloudinary
An Eleventy shortcode that allows you to add an image from your cloudinary account
Stars: ✭ 28 (+27.27%)
Mutual labels:  ssg, eleventy, 11ty
stencil-tailwind-plugin
Plugin for using tailwindcss with StencilJS
Stars: ✭ 17 (-22.73%)
Mutual labels:  postcss, tailwind, tailwindcss
YATAS
Yet Another Tailwind Alpine Starter
Stars: ✭ 18 (-18.18%)
Mutual labels:  starter-template, tailwindcss, eleventy
tailwindcss-postcss-browsersync-boilerplate
Tailwind CSS + PostCSS + BrowserSync boilerplate
Stars: ✭ 28 (+27.27%)
Mutual labels:  postcss, tailwind, tailwindcss
memento-svelte-electron-typescript
Template to create a desktop app with Svelte, TailwindCSS, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)
Stars: ✭ 27 (+22.73%)
Mutual labels:  tailwind, tailwindcss
top-nuxt3
Full stack Nuxt 3 Template starter with Supabase and Tailwindcss
Stars: ✭ 59 (+168.18%)
Mutual labels:  starter-template, tailwindcss
tailwindcss-landing-gradients
A landing page made with tailwindcss and the new Gradient feature.
Stars: ✭ 41 (+86.36%)
Mutual labels:  tailwind, tailwindcss
tailwind-bootstrap-grid
Tailwind CSS plugin that generates Bootstrap's flexbox grid
Stars: ✭ 96 (+336.36%)
Mutual labels:  postcss, tailwindcss
stitchwind
A bridge between Tailwind and Stitches
Stars: ✭ 33 (+50%)
Mutual labels:  tailwind, tailwindcss
eleventy-plugin-svelte
Eleventy plugin to support svelte templates
Stars: ✭ 40 (+81.82%)
Mutual labels:  eleventy, 11ty
Minimalist-Blog
Tailwind CSS Starter Template - Minimalist Blog
Stars: ✭ 21 (-4.55%)
Mutual labels:  starter-template, tailwindcss
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 (-4.55%)
Mutual labels:  tailwind, tailwindcss
nuxt-starter-netlify-cms
Example nuxt + netlify cms project. Nuxt port of Gatsby starter app.
Stars: ✭ 13 (-40.91%)
Mutual labels:  starter-template, tailwind
building-realworld-user-interfaces-using-tailwind
Demo of building real-world UIs using TailwindCSS
Stars: ✭ 87 (+295.45%)
Mutual labels:  postcss, tailwindcss
coc-tailwind-intellisense
Coc.nvim extension for Tailwind CSS IntelliSense
Stars: ✭ 117 (+431.82%)
Mutual labels:  tailwind, tailwindcss
react-tailwind
This is a complementary React code for the tailwindcss project.
Stars: ✭ 29 (+31.82%)
Mutual labels:  tailwind, tailwindcss

Eleventy starter set (Nunjucks-based)

Note: Further development suspended as of 2021-09-11.

This is a starter set for the Eleventy static site generator (SSG). See the online demo. Of course, there are many far better ones on the Eleventy “Starter Projects” page!

This starter set uses Nunjucks templating. For a version that uses JavaScript templating (.11ty.js), see the eleventy_solo_starter repo.

How to use

  1. Clone this to a local repo.
  2. Make appropriate changes to /_data/metadata.json and _data/siteparams.json to conform to your site’s parameters.
  3. Run npm install to load all the dependencies in package.json, which includes Eleventy.
  4. Run npm run start from your terminal app. You can then view the site in http://localhost:3000 on your computer.
  5. Read the sample posts and their Markdown files to see how everything works.
  6. Edit the content to make it your own!
  7. When ready, deploy the site to your chosen host.

What’s under the hood

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