Waihou

diff --git a/.gitignore b/.gitignore index 0dd9c0ebd..e7407c5bf 100644 --- a/.gitignore +++ b/.gitignore @@ -5,6 +5,9 @@ public # OSX .DS_Store +# Jetbrains +.idea + # Logs logs *.log @@ -72,4 +75,6 @@ typings/ content/test # Visual Studio Code project settings -.vscode \ No newline at end of file +.vscode +# Local Netlify folder +.netlify diff --git a/.hugo_build.lock b/.hugo_build.lock new file mode 100644 index 000000000..e69de29bb diff --git a/.idea/.gitignore b/.idea/.gitignore deleted file mode 100644 index e7e9d11d4..000000000 --- a/.idea/.gitignore +++ /dev/null @@ -1,2 +0,0 @@ -# Default ignored files -/workspace.xml diff --git a/.idea/jamstackthemes.iml b/.idea/jamstackthemes.iml deleted file mode 100644 index c956989b2..000000000 --- a/.idea/jamstackthemes.iml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml deleted file mode 100644 index 28a804d89..000000000 --- a/.idea/misc.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml deleted file mode 100644 index 99bf95a63..000000000 --- a/.idea/modules.xml +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml deleted file mode 100644 index 94a25f7f4..000000000 --- a/.idea/vcs.xml +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/README.md b/README.md index 9640f5001..0b84a8ce3 100644 --- a/README.md +++ b/README.md @@ -6,34 +6,33 @@ A list of themes and starters for the Jamstack and static site generators. https Anyone can submit an open-source theme by doing a pull request. -1. Fork this repo and create a new markdown `.md` file in `content/theme` folder. For example `hugo-air-.md` -2. Edit the markdown file with the required front-matter as shown below. -3. Submit a pull-request with the title **Theme Submission: theme-name** (replace theme-name with your themes name) -4. You **do not** need to generate the Github stars or theme screenshots. Please just submit the markdown file in the PR. +1. Fork this repo and create a new markdown `.md` file in `content/theme` folder. For example `hugo-air.md`. +2. Add the required front-matter as shown in the **Example Theme** below. +3. Submit a pull request -The markdown file should contain the following front-matter. Before submitting your theme, please **remove the comments** from the front-matter. +> 💡 Another option is to add a new file using the [Github UI](https://github.com/stackbit/jamstackthemes/tree/master/content/theme) _(click the "add file" button)_ +**Example Theme** ```yaml --- title: "My Theme Name" github: https://github.com/username/repo -demo: https://www.demo.com # Please make sure this links to a theme demo and not your personal/business site. The demo url must use https +demo: https://www.demo.com author: authorname -date: 2019-08-20 # Enter the date you submitted the theme YYYY-MM-DD -github_branch: master # Enter the repos default branch +date: 2024-03-18 ssg: - - Gridsome # at least 1 ssg is required + - Astro cms: - - No CMS # at least 1 cms is required. If your theme uses markdown (no CMS) the cms should be "No CMS" + - No CMS css: - - Bootstrap # css is optional + - Tailwind archetype: - Blog - Portfolio -description: This theme is a lightweight Gridsome starter kit which is perfect for a blog or a portfolio +description: This is an amazing theme and this is a small description about it! --- -# A simple starter kit for Gridsome +# A simple starter kit for Astro.js This theme is a lightweight starter kit. It also gives you a well organised starting point to extend it for yourself. @@ -45,81 +44,10 @@ This theme is a lightweight starter kit. It also gives you a well organised star * Progressively enhanced, semantic and accessible ``` -## Submitting New Categories (Taxonomy Terms) -Themes can be categorised with terms from these 4 taxonomies. `ssg`, `cms`, `css` and `archetype` - -If you are adding a theme which uses an SSG or CMS which doesnt exist you will need to add it as part of your pull-request. - -1. Create a new taxonomy term by creating the markdown file under `content/ssg/` or `content/cms`. For example let's say you wanted to add a new SSG called "Super Duper". Add a file under `content/ssg/super-duper/_index.md` and add the following frontmatter -``` ---- -title: "Super Duper" -icon: images/icons/super-duper.svg -official_url: https://super-duper.org ---- -``` - -2. Add the icon. You will need to upload an icon into `static/images/icons`. The icon should in SVG format under 3KB. If it's a PNG please make sure the size is 60x60px and the size is as small as possible (you should be able to keep it under 5KB) -3. Update the Javascript filter logic. Update the file `themes/jamstackthemes/assets/js/filter/filter-groups.js` and add `super-duper` to the ssg array. - - -## Contribution Guidelines + +## Submission Guidelines * Any open source themes with a public github repo can be submitted. -* Please make sure the demo URL links to a demo of the theme and not your personal or business site. - - -## Develop Locally - -Github stars, image thumbnails and last commit date are generated at build time when this site is deployed to Netlify. Basically the Netlify site runs `npm run deploy` - -While you may run these scripts locally for testing purposes you should not submit any of the generated files with your pull-request. Just submit the markdown file. - -This site is built on [Hugo](https://gohugo.io/) - -Development Server - -``` -hugo serve -``` - -Build Site - -``` -hugo -``` - -## Generate Github stars, image screenshots etc - -``` -npm install -export GITHUB_TOKEN=XXX -npm run fetch -``` - -> Generating github data requires a Github Token. You can generate this token in your Github account at settings > developer settings > personal access tokens https://github.com/settings/tokens - - -### Generate Github Data - -Calls Github API and updates `data/themes.json` with data like number of stars, last commit etc. - -``` -npm run generate-github -``` - -### Capture Screenshots - -Take screenshots of each theme and store the files in `static/capture` - -``` -npm run capture-screenshots -``` - -### Generate Thumbnails - -Will generate thumbnails for each theme. Uses Hires screenshots from `static/capture` and stores files in `static/images/theme/thumbnails`. - -``` -npm run generate-thumbnails -``` +* Please make sure the `demo` links to a theme demo and not your personal/business site. The demo url must use https +* at least 1 `ssg` is required. +* at least 1 `cms` is required. If your theme uses markdown (no CMS) the cms should be "No CMS" diff --git a/config.toml b/config.toml index 0ad5cb808..90f40510a 100644 --- a/config.toml +++ b/config.toml @@ -5,15 +5,16 @@ theme = "jamstackthemes" paginate = 18 summaryLength = 10 # enableGitInfo = false + pygmentsCodeFences = true pygmentsCodefencesGuessSyntax = true pygmentsUseClasses = true [params] - google_analytics_id = "" description = "Over 1000 themes and starters for Jamstack and static site generators." stackbit_button = true iframe_demo = true + assets_url = "https://assets.jamstackthemes.dev" [theme_card] show_archetype_icons = false show_services_icons = false @@ -31,6 +32,7 @@ pygmentsUseClasses = true mediaType = "text/html" isHTML = "true" path = "demo" + permalinkable = "true" [outputs] home = ["HTML","RSS","JSON"] diff --git a/content/archetype/admin/_index.md b/content/archetype/admin/_index.md new file mode 100644 index 000000000..544a47bbc --- /dev/null +++ b/content/archetype/admin/_index.md @@ -0,0 +1,4 @@ +--- +title: "Admin" +icon: images/icons/admin.svg +--- diff --git a/content/archetype/agency/_index.md b/content/archetype/agency/_index.md deleted file mode 100644 index 9cecef0ef..000000000 --- a/content/archetype/agency/_index.md +++ /dev/null @@ -1,4 +0,0 @@ ---- -title: "Agency" -icon: images/icons/agency.svg ---- \ No newline at end of file diff --git a/content/archetype/business/_index.md b/content/archetype/business/_index.md index 353ba3997..b00ecda06 100644 --- a/content/archetype/business/_index.md +++ b/content/archetype/business/_index.md @@ -1,4 +1,4 @@ --- title: "Business" -icon: images/icons/noun_triangles_329583.svg +icon: images/icons/business.svg --- \ No newline at end of file diff --git a/content/archetype/ecommerce/_index.md b/content/archetype/ecommerce/_index.md index 88f4ab356..97145b018 100644 --- a/content/archetype/ecommerce/_index.md +++ b/content/archetype/ecommerce/_index.md @@ -1,4 +1,4 @@ --- title: "Ecommerce" -icon: images/icons/noun_Twelve Triangles_327786.svg +icon: images/icons/ecommerce.svg --- diff --git a/content/archetype/event/_index.md b/content/archetype/event/_index.md new file mode 100644 index 000000000..bf88eb7c9 --- /dev/null +++ b/content/archetype/event/_index.md @@ -0,0 +1,4 @@ +--- +title: "Event" +icon: images/icons/event.svg +--- diff --git a/content/archetype/multi-page/_index.md b/content/archetype/multi-page/_index.md deleted file mode 100644 index 9c3667220..000000000 --- a/content/archetype/multi-page/_index.md +++ /dev/null @@ -1,3 +0,0 @@ ---- -title: "Multi Page" ---- diff --git a/content/archetype/multi-purpose/_index.md b/content/archetype/multi-purpose/_index.md deleted file mode 100644 index a3acdcafc..000000000 --- a/content/archetype/multi-purpose/_index.md +++ /dev/null @@ -1,4 +0,0 @@ ---- -title: "Multi Purpose" -icon: images/icons/noun_Triangle Abstract_327762.svg ---- \ No newline at end of file diff --git a/content/archetype/single-page/_index.md b/content/archetype/single-page/_index.md index b30fa2ce0..e049b647c 100644 --- a/content/archetype/single-page/_index.md +++ b/content/archetype/single-page/_index.md @@ -1,4 +1,4 @@ --- title: "Single Page" -icon: images/icons/noun_down_329586.svg +icon: images/icons/single-page.svg --- diff --git a/content/cms/decapcms/_index.md b/content/cms/decapcms/_index.md new file mode 100644 index 000000000..62f83b8c5 --- /dev/null +++ b/content/cms/decapcms/_index.md @@ -0,0 +1,7 @@ +--- +title: "DecapCMS" +icon: images/icons/decapcms.svg +official_url: https://decapcms.org/ +vitalstats_url: https://jamstack.org/headless-cms/decap-cms/ +taxonomy: cms +--- \ No newline at end of file diff --git a/content/cms/directus/_index.md b/content/cms/directus/_index.md index 69917b2ac..478977611 100644 --- a/content/cms/directus/_index.md +++ b/content/cms/directus/_index.md @@ -3,5 +3,4 @@ title: "Directus" icon: images/icons/directus.svg official_url: https://directus.io/ taxonomy: cms -draft: true --- diff --git a/content/cms/flotiq/_index.md b/content/cms/flotiq/_index.md new file mode 100644 index 000000000..7ec1d0f0b --- /dev/null +++ b/content/cms/flotiq/_index.md @@ -0,0 +1,6 @@ +--- +title: "Flotiq" +icon: images/icons/flotiq.svg +official_url: https://flotiq.com/ +taxonomy: cms +--- diff --git a/content/cms/graphcms/_index.md b/content/cms/graphcms/_index.md new file mode 100644 index 000000000..e45a3a007 --- /dev/null +++ b/content/cms/graphcms/_index.md @@ -0,0 +1,7 @@ +--- +title: "GraphCMS" +icon: images/icons/graphcms.svg +official_url: https://www.graphcms.com/ +vitalstats_url: https://jamstack.org/headless-cms/graphcms/ +taxonomy: cms +--- \ No newline at end of file diff --git a/content/cms/notion/_index.md b/content/cms/notion/_index.md new file mode 100644 index 000000000..c209a8a5c --- /dev/null +++ b/content/cms/notion/_index.md @@ -0,0 +1,6 @@ +--- +title: "Notion" +icon: images/icons/notion.svg +official_url: https://notion.so/ +taxonomy: cms +--- \ No newline at end of file diff --git a/content/cms/stackbit/_index.md b/content/cms/stackbit/_index.md index 1a8d86e85..fb5c58c4e 100644 --- a/content/cms/stackbit/_index.md +++ b/content/cms/stackbit/_index.md @@ -3,5 +3,4 @@ title: "Stackbit" icon: images/icons/stackbit.svg official_url: https://www.stackbit.com taxonomy: cms -draft: true --- diff --git a/content/cms/storyblok/_index.md b/content/cms/storyblok/_index.md index 9957db9be..91b6ac54b 100644 --- a/content/cms/storyblok/_index.md +++ b/content/cms/storyblok/_index.md @@ -4,5 +4,4 @@ icon: images/icons/storyblok.svg official_url: https://www.storyblok.com/ vitalstats_url: https://headlesscms.org/projects/storyblok taxonomy: cms -draft: true --- \ No newline at end of file diff --git a/content/cms/supabase/_index.md b/content/cms/supabase/_index.md new file mode 100644 index 000000000..e5d08551f --- /dev/null +++ b/content/cms/supabase/_index.md @@ -0,0 +1,5 @@ +--- +title: "Supabase" +icon: images/icons/supabase.svg +official_url: https://supabase.com/ +--- \ No newline at end of file diff --git a/content/cms/tina/_index.md b/content/cms/tina/_index.md new file mode 100644 index 000000000..3d6ce3a34 --- /dev/null +++ b/content/cms/tina/_index.md @@ -0,0 +1,7 @@ +--- +title: "Tina" +icon: images/icons/tina.svg +official_url: https://tina.io/ +vitalstats_url: https://jamstack.org/headless-cms/tinacms/ +taxonomy: cms +--- \ No newline at end of file diff --git a/content/cms/wisp/_index.md b/content/cms/wisp/_index.md new file mode 100644 index 000000000..7e26988c2 --- /dev/null +++ b/content/cms/wisp/_index.md @@ -0,0 +1,6 @@ +--- +title: "Wisp" +icon: images/icons/wisp.svg +official_url: https://www.wisp.blog/ +taxonomy: cms +--- diff --git a/content/css/chota/_index.md b/content/css/chota/_index.md new file mode 100644 index 000000000..1053a00fd --- /dev/null +++ b/content/css/chota/_index.md @@ -0,0 +1,5 @@ +--- +title: "Chota" +icon: images/icons/chota.svg +official_url: https://jenil.github.io/chota/ +--- \ No newline at end of file diff --git a/content/css/css/_index.md b/content/css/css/_index.md new file mode 100644 index 000000000..3c6e73a75 --- /dev/null +++ b/content/css/css/_index.md @@ -0,0 +1,4 @@ +--- +title: "CSS" +icon: images/icons/css.svg +--- \ No newline at end of file diff --git a/content/css/material-ui/_index.md b/content/css/material-ui/_index.md new file mode 100644 index 000000000..a2b7c9e01 --- /dev/null +++ b/content/css/material-ui/_index.md @@ -0,0 +1,6 @@ +--- +title: "Material Ui" +icon: images/icons/material-ui.svg +official_url: https://mui.com/ +taxonomy: css +--- \ No newline at end of file diff --git a/content/css/styled-components/_index.md b/content/css/styled-components/_index.md new file mode 100644 index 000000000..5f10d0954 --- /dev/null +++ b/content/css/styled-components/_index.md @@ -0,0 +1,5 @@ +--- +title: "Styled Components" +icon: images/icons/styled-components.png +official_url: https://styled-components.com/ +--- diff --git a/content/css/stylus/_index.md b/content/css/stylus/_index.md new file mode 100644 index 000000000..419a50d36 --- /dev/null +++ b/content/css/stylus/_index.md @@ -0,0 +1,5 @@ +--- +title: "Stylus" +icon: images/icons/stylus.svg +official_url: https://stylus-lang.com/ +--- diff --git a/content/css/vuetify/_index.md b/content/css/vuetify/_index.md new file mode 100644 index 000000000..522568c31 --- /dev/null +++ b/content/css/vuetify/_index.md @@ -0,0 +1,5 @@ +--- +title: "Vuetify" +icon: images/icons/vuetify.svg +official_url: https://vuetifyjs.com/ +--- \ No newline at end of file diff --git a/content/ssg/astro/_index.md b/content/ssg/astro/_index.md new file mode 100644 index 000000000..3e0297a60 --- /dev/null +++ b/content/ssg/astro/_index.md @@ -0,0 +1,7 @@ +--- +title: "Astro" +icon: images/icons/astro.svg +official_url: https://astro.build/ +vitalstats_url: https://www.staticgen.com/astro +taxonomy: ssg +--- diff --git a/content/ssg/docusaurus/_index.md b/content/ssg/docusaurus/_index.md index 9635a045f..eb3ee8ccc 100644 --- a/content/ssg/docusaurus/_index.md +++ b/content/ssg/docusaurus/_index.md @@ -4,5 +4,4 @@ icon: images/icons/docusaurus.svg official_url: https://docusaurus.io/ vitalstats_url: https://www.staticgen.com/docusaurus taxonomy: ssg -draft: true --- diff --git a/content/ssg/gozer/_index.md b/content/ssg/gozer/_index.md new file mode 100644 index 000000000..f2ee7066a --- /dev/null +++ b/content/ssg/gozer/_index.md @@ -0,0 +1,6 @@ +--- +title: "Gozer" +icon: images/icons/gozer.svg +official_url: https://github.com/dannyvankooten/gozer +taxonomy: ssg +--- \ No newline at end of file diff --git a/content/ssg/hyde/_index.md b/content/ssg/hyde/_index.md deleted file mode 100644 index f4be83f55..000000000 --- a/content/ssg/hyde/_index.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: "Hyde" -icon: images/icons/hyde.svg -official_url: https://hyde.github.io/ -draft: true ---- diff --git a/content/ssg/metalsmith/_index.md b/content/ssg/metalsmith/_index.md index ce9de9bf4..274d4c90c 100644 --- a/content/ssg/metalsmith/_index.md +++ b/content/ssg/metalsmith/_index.md @@ -4,5 +4,4 @@ icon: images/icons/metalsmith.svg official_url: https://metalsmith.io/ vitalstats_url: https://www.staticgen.com/metalsmith taxonomy: ssg -draft: true --- diff --git a/content/ssg/remix/_index.md b/content/ssg/remix/_index.md new file mode 100644 index 000000000..71fe23331 --- /dev/null +++ b/content/ssg/remix/_index.md @@ -0,0 +1,7 @@ +--- +title: "Remix" +icon: images/icons/remix.svg +official_url: https://remix.run/ +vitalstats_url: https://www.staticgen.com/remix +taxonomy: ssg +--- \ No newline at end of file diff --git a/content/ssg/sveltekit/_index.md b/content/ssg/sveltekit/_index.md new file mode 100644 index 000000000..dcd34a639 --- /dev/null +++ b/content/ssg/sveltekit/_index.md @@ -0,0 +1,6 @@ +--- +title: "Sveltekit" +icon: images/icons/sveltekit.svg +official_url: https://kit.svelte.dev +taxonomy: ssg +--- \ No newline at end of file diff --git a/content/ssg/tanstack/_index.md b/content/ssg/tanstack/_index.md new file mode 100644 index 000000000..76970a63e --- /dev/null +++ b/content/ssg/tanstack/_index.md @@ -0,0 +1,6 @@ +--- +title: "TanStack Start" +icon: images/icons/tanstack.svg +official_url: https://tanstack.com/start/latest +taxonomy: ssg +--- \ No newline at end of file diff --git a/content/ssg/zola/_index.md b/content/ssg/zola/_index.md new file mode 100644 index 000000000..12964cb87 --- /dev/null +++ b/content/ssg/zola/_index.md @@ -0,0 +1,7 @@ +--- +title: "Zola" +icon: images/icons/zola.svg +official_url: https://www.getzola.org/ +vitalstats_url: https://jamstack.org/generators/zola/ +taxonomy: ssg +--- diff --git a/content/theme/11straps.md b/content/theme/11straps.md new file mode 100644 index 000000000..7381ba1db --- /dev/null +++ b/content/theme/11straps.md @@ -0,0 +1,36 @@ +--- +title: 11straps +github: https://github.com/holger1411/11straps +demo: https://11straps-demo.netlify.app/ +author: Holger Koenemann +date: 2021-07-10T00:00:00.000Z +ssg: + - Eleventy +cms: + - No CMS +css: + - Bootstrap + - PostCSS + - SCSS +archetype: + - Blog + - Portfolio + - Business +description: A Eleventy + Bootstrap 5 starter kit. +stale: false +--- + +# A combination of Eleventy and Bootstrap 5 + +11straps combines static site generation via Eleventy and frontend styling via Bootstrap 5. It comes with a dev and a prod build process. The dev output is fast but dirty, the prod output takes a bit longer but will clean, purege, minify, uglify etc. the output. + +## Features + +* Fast dev output for local development +* Clean prod output for going live (incl. PurgeCSS) +* Build-in template to overwrite Bootstrap 5 variables +* Basic Blog included +* Netlify config included. +* Local server and tweaked browser sync. Will update your browser on .scss changes, too. +* Sample integration of Inter UI font +* Free and open source diff --git a/content/theme/11ty-11r.md b/content/theme/11ty-11r.md index e69e25ede..1402d95e0 100644 --- a/content/theme/11ty-11r.md +++ b/content/theme/11ty-11r.md @@ -1,10 +1,9 @@ --- title: 11r -github: 'https://github.com/reeseschultz/11r' -demo: 'https://reeseschultz.github.io/11r/' +github: https://github.com/reeseschultz/11r +demo: https://reeseschultz.github.io/11r/ author: Reese Schultz date: 2020-08-26T00:00:00.000Z -github_branch: master ssg: - Eleventy cms: diff --git a/content/theme/11ty-Serene.md b/content/theme/11ty-Serene.md new file mode 100644 index 000000000..165ce1397 --- /dev/null +++ b/content/theme/11ty-Serene.md @@ -0,0 +1,29 @@ +--- +title: "11ty Serene" +github: https://github.com/CLCK0622/11ty-Serene +demo: https://11ty-serene.vercel.app/ +author: CLCK +date: 2024-08-07 +ssg: + - Eleventy +cms: + - No CMS +css: + - Tailwind + - PostCSS +archetype: + - Homepage + - Portfolio +description: A minimal theme for a landing page, featuring a simple structure, smooth scrolling, and scroll-revealing effects. +--- + +# 11ty-theme-Serene + +A minimal theme for a landing page, featuring a simple structure, smooth scrolling, and scroll-revealing effects. + +Built with [11ty](https://www.11ty.dev/) and [Tailwind CSS](https://tailwindcss.com/). + +Made by [CLCK](https://github.com/CLCK0622). + +![image](https://github.com/user-attachments/assets/7d3183a2-68dd-48e3-926d-8166a7abfa6b) + diff --git a/content/theme/11ty-bliss.md b/content/theme/11ty-bliss.md new file mode 100644 index 000000000..0caa25e6d --- /dev/null +++ b/content/theme/11ty-bliss.md @@ -0,0 +1,34 @@ +--- +title: Bliss +github: https://github.com/lwojcik/eleventy-template-bliss +demo: https://eleventy-bliss.vercel.app/ +author: Łukasz Wójcik +date: 2023-02-19T00:00:00.000Z +ssg: + - Eleventy +cms: + - No CMS +css: + - scss +archetype: + - Blog +description: Elegant single-column blog template for Eleventy +stale: false +--- + +# Bliss - Blog Template For Eleventy + +Bliss is a single-column blog template for Eleventy with strong focus on simplicity without sacrificing functionality. + +## Features + +- light / dark mode switcher + honoring browser color scheme preference +- sharing buttons for popular social media (Mastodon, Twitter, FB and a few more) + copying post URL to clipboard +- Mastodon integration: auto-generated `.well-known/webfinger` file + adding `` meta tags for verifying site ownership +- translation ready +- PWA ready +- RSS, JSON, Twtxt.txt feeds + JSON-LD data +- accessibility features +- HSL color palette and CSS variables for quick personalization +- custom disclaimers alongside post content +- and more diff --git a/content/theme/11ty-blog-starter.md b/content/theme/11ty-blog-starter.md new file mode 100644 index 000000000..cd286425d --- /dev/null +++ b/content/theme/11ty-blog-starter.md @@ -0,0 +1,72 @@ +--- +title: Eleventy Blog Starter +github: https://github.com/netlify-templates/eleventy-blog-starter +demo: https://11ty-blog-starter-demo.netlify.app/ +author: Netlify Templates +date: 2024-12-11 +ssg: + - Eleventy +cms: + - No Cms +css: + - tailwind +archetype: + - Blog + - Personal +description: >- + 11ty Starter showing how to build a blog with the Eleventy and Tailwind CSS. +featured: false +netlify_deploy: https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/eleventy-blog-starter +--- + +A starter repository showing how to build a blog with the [Eleventy](https://www.11ty.dev/) and [Tailwind CSS](https://tailwindcss.com/). + +**View demo:** [https://11ty-blog-starter-demo.netlify.app/](https://11ty-blog-starter-demo.netlify.app/) + +## Deploying to Netlify + +If you click "Deploy to Netlify" button, it will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify. + +[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/eleventy-blog-starter) + + +## Getting Started + +1. Clone this Repository + +``` +git clone https://github.com/netlify-templates/eleventy-blog-starter.git +``` + +2. Install dependencies + +``` +npm install +``` + +3. Run Eleventy locally + +``` +npm run dev +``` + +4. Generate a production-ready build + +``` +npm run build +``` + +Or you can run [debug mode](https://www.11ty.dev/docs/debugging/) to see all the internals. + +## Project Structure + +- `content/blog/` has the blog posts but really they can live in any directory. They need only the `posts` tag to be included in the blog posts [collection](https://www.11ty.dev/docs/collections/). +- Use the `eleventyNavigation` key (via the [Eleventy Navigation plugin](https://www.11ty.dev/docs/plugins/navigation/)) in your front matter to add a template to the top level site navigation. This is in use on `content/index.njk` and `content/about/index.md`. +- Content can be in _any template format_ (blog posts needn’t exclusively be markdown, for example). Configure your project’s supported templates in `eleventy.config.js` -> `templateFormats`. +- The `public` folder in your input directory will be copied to the output folder (via `addPassthroughCopy` in the `eleventy.config.js` file). This means `./public/*` will live at `./_site/*` after your build completes. +- This project uses three [Eleventy Layouts](https://www.11ty.dev/docs/layouts/): + - `_includes/layouts/base.njk`: the top level HTML structure + - `_includes/layouts/home.njk`: the home page template (wrapped into `base.njk`) + - `_includes/layouts/post.njk`: the blog post template (wrapped into `base.njk`) +- `_includes/postslist.njk` is a Nunjucks include and is a reusable component used to display a list of all the posts. `content/index.njk` has an example of how to use it. + diff --git a/content/theme/11ty-demo-snipcart.md b/content/theme/11ty-demo-snipcart.md index 477d31955..ba51bb705 100644 --- a/content/theme/11ty-demo-snipcart.md +++ b/content/theme/11ty-demo-snipcart.md @@ -1,7 +1,7 @@ --- title: Eleventy 2 Snipcart -github: 'https://github.com/snipcart/11ty-demo-snipcart' -demo: 'https://snipcart-11ty-demo.netlify.com/' +github: https://github.com/snipcart/11ty-demo-snipcart +demo: https://snipcart-11ty-demo.netlify.com/ author: Snipcart ssg: - Eleventy @@ -12,7 +12,6 @@ archetype: services: - Snipcart date: 2018-10-03T18:24:48.000Z -github_branch: master description: A demo app built with JavaScript SSG 11ty stale: true --- diff --git a/content/theme/11ty-docs.md b/content/theme/11ty-docs.md new file mode 100644 index 000000000..e1490aa02 --- /dev/null +++ b/content/theme/11ty-docs.md @@ -0,0 +1,29 @@ +--- +title: 11ty documentation template using Tailwind CSS +github: https://github.com/SpinalCMS/11ty-docs-template +demo: https://11ty-docs-theme.spinalcms.com/ +author: Spinal CMS Developers +date: 2022-09-22T00:00:00.000Z +ssg: + - Eleventy +cms: + - No CMS +css: + - Tailwind +archetype: + - Documentation +description: A 11ty + Tailwind CSS theme for your documentation site +disabled: true +disabled_reason: demo url not found +stale: false +--- + +# Eleventy documentation template using Tailwind CSS + +An 11ty documentation site theme, built with Tailwind CSS. + +## Features + +* Responsive (non-JS collapsible/expandable navigation sidebar) +* Group resources by “section” stored in frontmatter +* Search using DuckDuckGo form submit (non-JS) diff --git a/content/theme/11ty-fundamenty.md b/content/theme/11ty-fundamenty.md index ef536f568..6bda6a9f9 100644 --- a/content/theme/11ty-fundamenty.md +++ b/content/theme/11ty-fundamenty.md @@ -1,10 +1,9 @@ --- title: Fundamenty -github: 'https://github.com/creasoft-dev/fundamenty' -demo: 'https://creasoft-dev.github.io/fundamenty/' +github: https://github.com/creasoft-dev/fundamenty +demo: https://creasoft-dev.github.io/fundamenty/ author: Young-Suk Ahn Park date: 2020-07-24T00:00:00.000Z -github_branch: master ssg: - Eleventy cms: @@ -14,7 +13,6 @@ css: archetype: - Blog - Business - - Multi Purpose description: >- 11ty Starter with Multi-language support, SEO-friendly, GitHub/GitLab Pages-ready diff --git a/content/theme/11ty-hylia-forestry.md b/content/theme/11ty-hylia-forestry.md index 427a5f7f8..ada0b463e 100644 --- a/content/theme/11ty-hylia-forestry.md +++ b/content/theme/11ty-hylia-forestry.md @@ -1,18 +1,17 @@ --- title: Eleventy Hylia Forestry -github: 'https://github.com/DirtyF/hylia-forestry' -demo: 'https://hylia-forestry.netlify.com' +github: https://github.com/DirtyF/hylia-forestry +demo: https://hylia-forestry.netlify.com author: DirtyF ssg: - Eleventy cms: - Forestry date: 2019-08-11T00:00:00.000Z -github_branch: master description: >- Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website. -stale: false +stale: true --- Hylia is a lightweight Eleventy starter kit with Forestry CMS pre-configured, so that you can one-click install a progressive, accessible blog in minutes. diff --git a/content/theme/11ty-hylia.md b/content/theme/11ty-hylia.md index 37e72522f..4bf74e821 100644 --- a/content/theme/11ty-hylia.md +++ b/content/theme/11ty-hylia.md @@ -1,30 +1,30 @@ --- title: Eleventy Hylia -github: 'https://github.com/andybelldesign/hylia' -demo: 'https://hylia.website/' +github: https://github.com/andybelldesign/hylia +demo: https://hylia.website/ author: Andy Bell ssg: - Eleventy cms: - - NetlifyCMS + - DecapCMS date: 2019-06-11T20:15:02.000Z github_branch: master -featured: true +featured: false description: >- Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website. -stale: false +stale: true --- # A simple starter kit for Eleventy -Hylia is a lightweight [Eleventy](https://11ty.io) starter kit with [Netlify CMS](https://www.netlifycms.org/) pre-configured, so that you can one-click install a progressive, accessible blog in minutes. It also gives you a well organised starting point to extend it for yourself. +Hylia is a lightweight [Eleventy](https://11ty.io) starter kit with [Netlify CMS](https://www.DecapCMS.org/) pre-configured, so that you can one-click install a progressive, accessible blog in minutes. It also gives you a well organised starting point to extend it for yourself. ## Features Hylia version 0.5.1 features: -✍️ A pre-configured [Netlify CMS](https://www.netlifycms.org/) setup +✍️ A pre-configured [Netlify CMS](https://www.DecapCMS.org/) setup 🎨 Customisable design tokens to make it your own 🌍 Customisable global data and navigation 📂 Tags and tag archives diff --git a/content/theme/11ty-landing-page.md b/content/theme/11ty-landing-page.md new file mode 100644 index 000000000..08dd18f10 --- /dev/null +++ b/content/theme/11ty-landing-page.md @@ -0,0 +1,29 @@ +--- +title: 11ty Landing Page +github: https://github.com/ttntm/11ty-landing-page +demo: https://awesome11ty.ttntm.me +author: ttntm +date: 2021-04-16T00:00:00.000Z +ssg: + - Eleventy +cms: + - No CMS +css: + - PostCSS + - Tailwind +archetype: + - Business +description: A simple landing page built with 11ty and Tailwind CSS. +stale: true +--- + +# 11ty Landing Page + +A simple landing page starter template built with 11ty and Tailwind CSS. + +## Features + +* Modular single page approach based on sections +* Customisable global data for feature lists +* Fully responsive and tested on a wide range of devices +* Fast and low on dependencies diff --git a/content/theme/11ty-multiplicity.md b/content/theme/11ty-multiplicity.md new file mode 100644 index 000000000..d2fb21f31 --- /dev/null +++ b/content/theme/11ty-multiplicity.md @@ -0,0 +1,31 @@ +--- +title: Multiplicity +github: https://github.com/lwojcik/eleventy-template-multiplicity +demo: https://eleventy-m10y.lkmt.us/ +author: Łukasz Wójcik +date: 2023-09-16T00:00:00.000Z +ssg: + - Eleventy +cms: + - No CMS +css: + - scss +archetype: + - Other +description: RSS-based blog aggregator starter pack based on Eleventy +--- + +# Multiplicity - RSS Aggregator Starter Based On Eleventy + +Multiplicity is a simple starter pack based on Eleventy allows you to create a RSS-based aggregator site. + +Alongside the template code, it also contains a GitHub Actions workflow required to keep the site up to date. + +## Features + +- light / dark mode switcher + honoring color scheme preference +- pagination +- translation ready (separate file with static phrases) +- automatic favicon generation +- support for RSS and JSON feeds +- custom avatar alongside each article diff --git a/content/theme/11ty-soft-ui-design.md b/content/theme/11ty-soft-ui-design.md new file mode 100644 index 000000000..2c14c80fd --- /dev/null +++ b/content/theme/11ty-soft-ui-design.md @@ -0,0 +1,35 @@ +--- +title: Eleventy Soft UI Design +github: https://github.com/app-generator/eleventy-soft-ui-design +demo: https://eleventy-soft-ui.appseed-srv1.com/ +author: AppSeed +date: 2021-08-09T00:00:00.000Z +ssg: + - Eleventy +cms: + - Prismic +css: + - Bootstrap +archetype: + - Blog + - Portfolio +description: >- + Eleventy Soft UI is an Eleventy adaptation of Soft UI Design System, a modern + Bootstrap 5 Design, including a Blog system that uses Prismic CMS for content + management +stale: true +--- + +# Open-source starter built with 11ty and prismic CMS + +[Eleventy Soft UI](https://appseed.us/product/eleventy-soft-ui) is an **Eleventy** adaptation of Soft UI Design System (a user-friendly and beautiful design system based on Bootstrap 5), including a Blog system that uses Prismic CMS for content management. +Soft UI Design System is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. + +## Features + +- UI: **Soft UI Design System** / Bootstrap 5 +- **Prismic CMS** for blog posts +- CSS Pipeline (Sass, CleanCSS) +- JS Bundling (Webpack) +- SVG Icon Sprite Generation +- Critical CSS, HTML Minification diff --git a/content/theme/11ty-starter-boilerplate.md b/content/theme/11ty-starter-boilerplate.md index 7da84067a..909960ce3 100644 --- a/content/theme/11ty-starter-boilerplate.md +++ b/content/theme/11ty-starter-boilerplate.md @@ -1,6 +1,6 @@ --- title: Eleventy Starter Boilerplate -github: 'https://github.com/ixartz/Eleventy-Starter-Boilerplate' +github: https://github.com/ixartz/Eleventy-Starter-Boilerplate demo: >- https://creativedesignsguru.com/demo/Eleventy-Starter-Boilerplate/eleventy-starter-boilerplate-presentation/ author: Ixartz @@ -11,9 +11,10 @@ cms: css: - Tailwind date: 2020-06-21T14:48:50.000Z -github_branch: master -description: "\U0001F680 Eleventy Starter Boilerplate is production-ready with SEO-friendly for quickly starting a blog." -stale: false +description: >- + 🚀 Eleventy Starter Boilerplate is production-ready with SEO-friendly for + quickly starting a blog. +stale: true --- # Eleventy Starter Boilerplate diff --git a/content/theme/11ty-yetty.md b/content/theme/11ty-yetty.md new file mode 100644 index 000000000..77d3d0dba --- /dev/null +++ b/content/theme/11ty-yetty.md @@ -0,0 +1,35 @@ +--- +title: Eleventy Yetty +github: https://github.com/ygoex/yetty +demo: https://yetty.netlify.app/ +author: Yolanda Gorriz Exposito +ssg: + - Eleventy +cms: + - No CMS +date: 2021-08-17T00:00:00.000Z +archetype: + - Blog + - Portfolio +description: >- + Yetty is yet another [Eleventy](https://11ty.io) starter kit for my (& your) + new projects. Built with accessibility and performance in mind. +stale: true +--- + +# Yet another starter kit for Eleventy + +Yetty is yet another [Eleventy](https://11ty.io) starter kit for my (& your) new projects. Built with accessibility and performance in mind. It also gives you a well organised starting point to extend it for yourself. + +## Features + +- [Sass/Scss](https://github.com/sass/node-sass): Scss files are compiled before Eleventy builds the site. The files are compiled in the `./src/styles` folder and then will be passed through copy (see `.eleventy.js`) to the new site created under `./dist/`. For Netlify users, an alternative option with plugins is explained here: [https://css-tricks.com/making-my-netlify-build-run-sass/](https://css-tricks.com/making-my-netlify-build-run-sass/). +- [Critical CSS](https://github.com/gregives/eleventy-critical-css): Critical CSS is automatically included in the head of the document using the [eleventy-critical-css plugin](https://www.npmjs.com/package/eleventy-critical-css). +- PostCSS ([Autoprefixer](https://github.com/postcss/autoprefixer) and [PurgeCSS](https://github.com/FullHuman/purgecss)): Both dependencies have been set up to run through the main css stylesheet after Eleventy has generated the dist folder. +- Persistent dark mode using local storage as seen here: [https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/](https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/) +- Cache busting via filter based on [https://rob.cogit8.org/posts/2020-10-28-simple-11ty-cache-busting/](https://rob.cogit8.org/posts/2020-10-28-simple-11ty-cache-busting/). +- HTML minified on prooduction with [https://www.npmjs.com/package/html-minifier](https://www.npmjs.com/package/html-minifier) package. +- PWA using [https://github.com/okitavera/eleventy-plugin-pwa](https://github.com/okitavera/eleventy-plugin-pwa) plugin. +- JS compilation and minification with [Webpack](https://webpack.js.org/) CLI. +- Image processing with [eleventy-img](https://github.com/11ty/eleventy-img) plugin. Generates multiple sizes images in two different formats (jpg and webp), and markup with `